Archived topic
SVG logo does not transition to sticky bar when I update the theme
12 replies · Started by Diogenes on October 9, 2020
Hi, I congratulate you for the great work you have done lately.
I have an SVG logo set on my sticky bar to Customize > Layout > Primary Navigation
Every time I update the Generatepress theme or GP premium (as has happened these days due to the various updates), the sticky bar does not make the transition effect that I have configured according to this guide, instead it remains fixed (the SVG logo is not reduced nor the fixed bar when scrolling).
To solve it I must go to Customize > Layout > Primary Navigation, remove the SVG logo, save the changes and then return to put the SVG logo, so that the transition effect can be restored.
This has been happening for months, even before the latest updates.
Is this a bug, or am I doing something wrong.
Hi there,
Hmm you shouldn't need to do that.
Are you still using the old navigation logo option?
Hi leo.
I guess if I have the old configuration, it has been more than a year since this changed.
Could this be the problem?
Is there an article with the new configuration?
Try:
- Removing the navigation logo in Layout > Primary Navigation.
- Upload the logo under Site Identity.
- Check to activate Use navigation as a header in Layout > Header.
Let me know if this helps :)
I followed your instructions and the effect worked. It worked for a bit, but again it stuck without the transition effect.
I cleared the wordpress cache and it didn't work.
When that happens I regenerate the generatepress CSS (I have it configured as an external file) and it almost always solves.
Is it necessary to regenerate the CSS when making a change in the theme options?
I don't want to regenerate the CSS in case you want to check the page.
I am waiting.
Hmm right now there is no transitioning as the static menu height is set to the same as the sticky menu height.
Can you reduce the sticky menu height to test?
https://docs.generatepress.com/article/sticky-navigation/#menu-item-height
It is already reduced, it is 60px, so that it achieves the transition effect.
When it is not fixed it is 70px.
I'm actually seeing 70px for both sticky and static.
Can you clear and disable the caching plugin for us to take a look?
Please always do this when we are trying to help.
Thanks!
Already clear the cache and disable the cache plugin (litespeed), including the one from cloudflare.
I had already done both before opening a ticket, but since it doesn't work, I re-enabled the cache.
Disabling the caching plugin is for us to inspect the code which is why we always ask.
Currently your site looks a little weird and I'm definitely still seeing LiteSpeed activated in the source code:
https://www.screencast.com/t/uv3DsRwKiV3
The cache plugin is disabled.
I can give you access as an administrator user if you need to check.
I just checked it again the page had lost the style even after disabling the cache. I don't know why this happens with the litespeed cache.
Enable the cache and regenerate the generatepress CSS cache, as I had done all the previous times and that solved the problem.
If it happens again, I will remove the SVG logo and use a PNG one.
Sorry for the inconvenience, Leo.
No problem!
I just checked the page and looks like it's all working now :)
