[Resolved] How to make header sticky

[Drew]

Hi, is there no option to make the header sticky? I’ve looked everywhere in the settings and can’t seem to find it.

[Ying]

Hi Drew,

You can make primary navigation sticky at customizer > layout > sticky navigation.

Make sure you have Menu plus module activated at appearance > GeneratePress.

[Drew]

Hi, I have both enable and yet the primary nav is not sticky. Could I be missing something else?

[Ying]

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?

[Drew]

No, it doesn’t work in the preview either.
Site is linked below

[Ying]

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

[Drew]

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?

[Ying]

Can you go to Customizing > Layout > Sticky Navigation, set the menu item height to74pxwhich matches the non-sticky menu item height?

[Drew]

That worked perfectly. Thank you very much!

[Ying]

You are welcome 🙂

[Author]

Posts