Archived topic

Sticky bar is not reduced when I enable Navigation Search

5 replies · Started by Diogenes on October 21, 2020

Viewing posts 1–6 of 6

October 21, 2020 at 3:56 pm #1499049

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.

October 21, 2020 at 5:12 pm #1499098

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.

October 22, 2020 at 5:54 am #1499713

Thanks Elvin, it worked.

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

October 22, 2020 at 4:40 pm #1500583

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. :D

October 23, 2020 at 8:51 am #1501485

Thanks Elvin :)

October 25, 2020 at 12:23 pm #1503840

No problem. :D

This archived topic is closed to new replies.

Start building better websites today.