Hi there,
I want my header to emulate the one shown here: realexpayments.co.uk
With the main part being that I’d like a different logo when the header becomes sticky. I tried plugging in this JS in the custom JS area, but it doesn’t seem to be working. Any thoughts?
if (body.hasClass('mini-header-enabled') && stickyHeaderMobile) {
header.stickyHeaderInit();
$window.scroll(function () {
var scrollTop = $window.scrollTop(),
stickyHeader = jQuery('.sticky-header'),
headerHeight = jQuery('#header-section').height(),
headerTop = jQuery('#header-section').offset().top;
if (jQuery('#top-bar').length > 0) {
headerHeight = headerHeight + jQuery('#top-bar').height();
}
if (scrollTop >= headerTop + headerHeight + 30) {
stickyHeader.addClass('sticky-header-resized');
jQuery('img.standard').attr('src', 'http://finnappsparty.wpengine.com/wp-content/uploads/2015/12/finapps_symbol_logo.png');
} else if (stickyHeader.hasClass('sticky-header-resized')) {
jQuery('img.standard').attr('src', 'http://finnappsparty.wpengine.com/wp-content/uploads/2015/12/finapps_symbol_logo.png');
stickyHeader.removeClass('sticky-header-resized');
}
});
}