[Resolved] Sticky bar is not reduced when I enable Navigation Search

[Diogenes]

Hi.

I’m setting up sticky navigation on my test site, so it looks like the effect shown here: https://docs.generatepress.com/article/navigation-as-a-header/#sticky-navigation-with-height-transition

I followed all the steps and it works fine, but when I enable Navigation Search in Customize> Layout> Primary Navigation, the bar doesn’t get reduced when in fixed mode when scrolling.

I don’t have cache plugin installed. I have the latest version of generatepress with flexbox.

I would appreciate the help.

[Elvin]

Hi,

The sticky bar’s size changed because of the search icon’s line-height when you added it in.

You can try adding this CSS code:

.main-navigation .menu-bar-item > a {
    line-height: unset;
}

Here’s how to add CSS – https://docs.generatepress.com/article/adding-css/

Let us know if it works for you.

[Diogenes]

Thanks Elvin, it worked.

Did I do something wrong, or is it a generatepress bug?

[Elvin]

Did I do something wrong, or is it a generatepress bug?

No, you didn’t do anything wrong. Don’t worry about it. 🙂

And it’s not really a bug. That’s just how the navigation search icon is set by default.

Good to know it works for you now. No problem. 😀

[Diogenes]

Thanks Elvin 🙂

[Elvin]

No problem. 😀

[Author]

Posts