Navigation menu padding

BB Theme
1

Hi support,
Would you be able point me in the right direction to adjust the padding top and bottom on the navigation menu please?

Thanks, Gerry

2

Hi Gerry,

That can be done in the customizer > Header > Header Layout > Header Padding. Hope that helps, let me know if you have any trouble finding that!

Best,
Billy

3

Hi Billy,

Thanks for helping, I don’t think I explained very well what we’re trying to achieve.

What we’d like to do is reduce the depth of the navigation menu bar. So, at the moment the items on the nav menu such as ‘Home, About’ etc have padding above and below the text. We’d like to reduce the space above and below text on the menu bar if possible to give us a nav menu that is not as wide from top to bottom.

Thanks, Gerry

4

Hey Gerry,

Can you please send me a site link so I can take a look? May just need a bit of CSS from inspecting the elements…

Best,
Billy

5

[Content Hidden]

6

Hey Gerry,

It appears it may be the line-height there on the navigation. Give this CSS a shot and let me know how it goes for you.

.fl-page-nav .navbar-nav, .fl-page-nav .navbar-nav a {
line-height: 1.4;
}

You’ll want to adjust the line height to be smaller to your liking in the above. Let me know how it goes!

Best,
Billy

7

Thanks as always Billy, that worked a treat :slight_smile:

Gerry

8

Awesome, glad to hear! :slight_smile: