Archived topic
Sticky Navigation style on scroll
26 replies · Started by Krzysztof on July 23, 2016
I want to create style for main navigation just like on this website: https://nojobnofun.com/ I set "Sticky Navigation" to "Both" and "Sticky Navigation Effect" to "None", everything works except restoration menu style when scroll is on the top of page - menu still have class "is_stuck". Is any way to fix it?
I remember that was a bug a long time ago but it shouldn't happen anymore.
What version of GP Premium are you using?
I have lastest version - 1.2.88.
Can you link me to the page?
That's a bug.
I had JUST released an update when you posted this, but I just snuck this fix into it.
If you haven't already updated, then updating will fix it.
If you have, then just change the version number in the gp-premium.php file, or update manually to get the fix :)
Thanks!
Seems to be okay but now I see problem on mobile Chrome - class "is_stuck" sometimes is removing when we scroll up page but we not on the top of page.
Testing it out on mobile using Chrome and it looks normal to me?
Interesting, if you remove your custom CSS for resizing, do you notice any weirdness with the regular sticky effect?
When I changing only the color the problem is the same :(
So when the sticky navigation is completely default - no custom code from your end, the issue still happens?
I think yes, I added only this code and issue still happens:
#site-navigation.main-navigation.is_stuck .inside-navigation{
color:red;
}Your resizing CSS still seems to be happening?
I added only this code and issue still happens:
#site-navigation.main-navigation.is_stuck .inside-navigation{
color:red;
}I mean instead of resizing I have default white color so class “is_stuck” sometimes is still removing when we scroll up page but we not on the top of page.
