Changing logo for sticky header

[casseyg]

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');
                    }
     });
}

[Kyle – SUPPORT]

Hi there,

Unfortunately that is not part of the current theme functionality, and it’s not within the scope of our support to be able to provide that functionality as it is more work than a small customisation. While we’d love to be able to support every customisation request, we simply don’t have the time.
We recommend that you seek a freelance developer if you need that functionality: http://www.swiftideas.com/customization/

– Kyle