[Resolved] Use Navigation as Header – background color not collapsing?

Home Forums Support [Resolved] Use Navigation as Header – background color not collapsing?

Home Forums Support Use Navigation as Header – background color not collapsing?

Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • #1655340
    William

    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

    #1655704
    David
    Staff
    Customer Support

    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.

    #1656125
    William

    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.

    #1656232
    Leo
    Staff
    Customer Support

    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;
    }
    #1656238
    William

    You all are the best!

    Thank you πŸ™‚

    Have a great weekend!

    #1656294
    Leo
    Staff
    Customer Support
Viewing 6 posts - 1 through 6 (of 6 total)
  • You must be logged in to reply to this topic.