Archived topic
Navigation logo width issue
18 replies · Started by manaadiar on August 21, 2021
Hi there, I seem to have an issue with the Navigation Logo issue as per the link below..
I tried the width-auto option shown in the previous support posts (https://generatepress.com/forums/topic/sticky-navigation-logo-width-issues/) for same issue, but its not working for me..
@media (min-width: 769px) and (max-width: 1024px), (min-width: 1025px)
.main-navigation.sticky-navigation-transition .site-logo img, .main-navigation.sticky-navigation-transition .navigation-search input[type="search"], .main-navigation.sticky-navigation-transition .navigation-branding img {
width: auto;
height: 60px;
}
Above CSS seems to work in the developer mode but in the front end, its not working.. Pls assist.. Thanks...
Hi there,
Any chance you can link us to the site in question?
You can use the private information field:
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information
Let me know :)
Hi Leo, please see below the details..
Hi there,
both URLs you provided a returning 502 Time Out errors.
Can you check the server connection is still working.
Hi, am able to view it clearly..
Can you remove this CSS you've added here?
https://www.screencast.com/t/GBfWRlfsl9
There are some syntax errors there for sure.
Removed, still same..
Can you also turn off your caching plugin(s)?
done and also flushed cache at server level.. Still same issue..
Try this CSS now:
@media (min-width: 769px) and (max-width: 1024px), (min-width: 1025px) {
.main-navigation.sticky-navigation-transition .site-logo img, .main-navigation.sticky-navigation-transition .navigation-search input[type="search"], .main-navigation.sticky-navigation-transition .navigation-branding img {
width: auto;
}
}
Seems fixed now.. Thanks..
Actually no, when I reactivated the WP Optimize plugin (which also caches), the issue is back.. But WP Optimize has been part of the site for a long time.. There has been no plugin updates recently so this problem should not have been there.. Pls check.. thanks..
I no longer have the URL to your site as the topic is marked as resolved.
Can you add it in?
This might be something you will need to check with WP Optimize's support team since the CSS works without it.
Hi, it is https://shippingandfreightresource.com
Hi there,
Is the optimization plugin in question enabled? I've checked the site and I'm not sure I see it anywhere on the site.
Can you let us check with it enabled?
while waiting, here's a few things to check:
compare the page w/ WP optimize disabled and enabled. See how the stylesheets differ.
Once you've found how it differs, try clearing ALL forms of cache. This is quite important and a bit tricky depending on how your site is set up.
If you're using CDN, you may have to purge the CDN's cache.
It's also worth checking if your server has some sort of deep caching/page caching as it may be sharing a version of the page that didn't have the CSS you've added.