[Resolved] Sticky menu logo not changing

[Jennifer]

I’ve enabled the sticky header for mobile-only. I’ve set a logo in there, but it still shows the main logo. The menu loading in the sticky nav should be white. https://caffeinatedwebstudio.com

[Elvin]

Hi,

Do you have any server cache? have you tried disabling it? Let us know.

You can also provide site details(credentials, plugin version used, etc) on the Private Information text field so we could check. Thank you.

[Jennifer]

I’m using Flywheel and they have a cache, but I’ve cleared it and other changes I’ve made since setting the sticky nav logo are showing.

[Elvin]

Thank you.

To further check: Can you try disabling all of the plugin except GP Premium?

If you’re using a Child theme, can you also temporarily revert back to using the Parent Theme only?

This is to check for any possible plugin conflict or child theme issues.

[Jennifer]

Ok, I figured out the issue. I changed the wrong css property when trying to get the image to show. But the reason it wasn’t showing is this code:

.navigation-branding img, .site-logo.mobile-header-logo img {
height: 0px;
width: auto;
}

Changed it to:

.navigation-branding img, .site-logo.mobile-header-logo img {
height: auto;
width: 100%;
max-width: 200px;
}

And now it’s working fine. Thanks for looking into this for me.

[Elvin]

Nice one! good find.

Thank you for sharing it with us. 🙂

[Jennifer]

Sure! Thanks for the quick replies 🙂

[Author]

Posts