[Resolved] Sticky Nav Height issues

[Marc Yvan]

Hi,
I have followed this guide to create a sticky nav. https://docs.generatepress.com/article/navigation-as-a-header/. I am trying to achieve “Sticky Navigation with Height Transition” but I have an issue with the the height of the sticky navigation. If I set the sticky navigation height to a bigger number than the regular navigation, the effect works without any issue. If I set it to a smaller number, the logo is smaller when the sticky is activated but not the navigation.
I removed all the Code in simple css and the issue persists.
What could be the issue ? Thanks in advance for the help.

[Leo]

Hi there,

That’s a known bug which we’ve fixed in the next version.

Try this CSS for now:

.main-navigation .menu-bar-items .menu-bar-item > a {
    line-height: 30px;
}

Adding CSS: https://docs.generatepress.com/article/adding-css/

Adjust the 30px to match the sticky navigation menu item height.

Let me know if this helps 🙂

[Marc Yvan]

This fixed my issue. Thank you for the help !

[Leo]

No problem 🙂

[Author]

Posts