Archived topic
How to make header sticky
9 replies · Started by Drew on April 26, 2022
Hi, is there no option to make the header sticky? I've looked everywhere in the settings and can't seem to find it.
Hi Drew,
You can make primary navigation sticky at customizer > layout > sticky navigation.
Make sure you have Menu plus module activated at appearance > GeneratePress.
Hi, I have both enable and yet the primary nav is not sticky. Could I be missing something else?
Does the sticky navigation work in customizer preview?
If so, can you try clear cache?
Can you link me to your site so I can see what's going on there?
No, it doesn't work in the preview either.
Site is linked below
The header is sticky:
https://www.screencast.com/t/D7m5e8cHsYv1
It hides on scroll down because you have the option activated:
https://docs.generatepress.com/article/sticky-navigation/#hide-when-scrolling-down
Thanks Ying, I misunderstood what that checkmark meant, now I see it working.
One more thing though, when it does stick and when scrolling down, the logo moves up and makes the height of the nav bar higher. Is there a way to keep it the same?
Can you go to Customizing > Layout > Sticky Navigation, set the menu item height to74pxwhich matches the non-sticky menu item height?
That worked perfectly. Thank you very much!
You are welcome :)