Sticky nav not switching to navigation logo, uses custom page header logo

Strange, that doesn't sound right. Is there any chance you can link me to the problem page so I can take a closer look?

Hi Tom,

Sorry for the delayed reply - I was out for the Thanksgiving holiday. I'd be glad to link you - but at this point, the site is still in early development on my local server. However if need be, I can throw it up on a demo server so you can see it.

If you can do that it would be great! Thanks!

Ok, done. Site on demo server here.

Thanks!

Ahh I see - the navigation logo is just one logo, there's no separate option for the sticky navigation.

However, you can do this:

add_action( 'generate_inside_navigation', 'tu_sticky_nav_logo' );
function tu_sticky_nav_logo() {
    ?>
    <div class="site-logo sticky-logo navigation-logo sticky-navigation-logo">
       <img class="header-image" src="URL TO YOUR STICKY LOGO" alt="">
    </div>
    <?php
}

Then add this CSS:

.main-navigation .navigation-logo.sticky-navigation-logo,
.main-navigation.navigation-stick .navigation-logo {
    display: none;
}

.main-navigation.navigation-stick .navigation-logo.sticky-navigation-logo {
    display: block;
}

Hi Tom,

Thanks, I'll give this a try. But...shouldn't this work within the theme Customizer (as shown in the screenshots), rather than have to add this code?

Ok, I implemented the codes you suggested, and the result is that the green logo no longer shows in the home page header when you're at the top of the home page - and on scroll-down, both the green and the white logos show in the nav menu logo area:

On internal pages, no logo when you're at the top of the page, and two white logos when you scroll down.

You can see this on http://riademo.com/

Let me know if you'd like to log in to the back end of the demo site to see the way it's configured.

It doesn't work using the options as there's no sticky-specific navigation logo option. There's only the one navigation logo option, which applies to sticky and non-sticky navigations.

I just replaced all of the code above - can you replace each part of it and see if it works now?

Let me know :)

That new code did the trick. Thanks, Tom!

You're welcome :)