Archived topic
Use Navigation as Header - background color not collapsing?
5 replies · Started by William on February 11, 2021
Aloha,
I followed the tutorial on "Navigation as Header" .. thank you for providing it.
https://docs.generatepress.com/article/navigation-as-a-header/
I made it to "Sticky Navigation with Height Transition," but it appears that my main Header background color is not collapsing.
Can you tell me what I might be doing wrong?
Much thanks.
Bill
Hi there,
Not sure exactly what you mean, probably the lack of coffee :)
are you wanting the height of the Sticky Nav to shrink on scroll ?
If so you can adjust the Customizer > Layout > Sticky Off Canvas -> Menu Item Height.
are you wanting to change the Background color on sticky ?
If so change the Colors in Customizer > Colors > Primary Navigation - these will be applied to the sticky.
Aloha David,
The logo is shrinking, the nav items are shrinking, but the main container is not shrinking.
So close! :)
Thanks for any advice you can offer.
Hi William,
That is currently a bug in the Flexbox version which will be fixed in the next release.
For now you can use this CSS:
.main-navigation.navigation-stick .menu-bar-item > a {
line-height: 54px;
}You all are the best!
Thank you :)
Have a great weekend!
No problem :)
