Archived topic
Sticky Nav Height issues
3 replies · Started by Marc Yvan on December 5, 2020
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.
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 :)
This fixed my issue. Thank you for the help !
No problem :)
