[Resolved] Sticky Navigation will not shrink

[Walter]

I have tried a lot but cannot solve the issue that the sticky navigation will not shrink.

– Customizer -> primary navigation -> Menu Item Height = 100
– Customizer -> sticky navigation -> Menu Item Height = 60

Irrelevant if I add a Sticky Navigation Logo or not : The only thing that shrinks when I start scrolling is the Logo but not the navigation bar itself.

When I keep both settings above the same e.g. on 60 it all works fine but I like the effect that the sticky header shrinks a little upon scrolling and the documentation mentions that this should be possible.

(for completeness : On the home page only I have a header element to make the initial header transparant but I observe the same non-shrinking behavior on other pages where the header element is not active (e.g. the “blog” page).

Please advise.

regards, Walter

[Leo]

Hey Walter,

That is currently a bug in the Flexbox version and we have it fixed in the next version of GP Premium already.

I’m checking with Tom on the release date and will report back.

Thanks 🙂

[Leo]

Hey!

We are not releasing the next version until next year.

Try this CSS to fix it for now:

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

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

[Walter]

Leo, thanks, and that works.

regards, Walter

[Leo]

No problem 🙂

You can remove that CSS once the next version rolls out.

[Walter]

Leo, yes I will do that, thxs …. Walter

[Leo]

No problem 🙂

[Author]

Posts