Header Menu Bar Height

BB Theme
1

Hello,
A quick one, I am sure…
http://tri-statebuildingservices.com/ppp/
On the main horizontal menu bar in the header, is there a way to change the height of this bar or is it the padding?
Either way, I want to decrease the overall height of the bar.
Can it be done? I know it can be done, o the question is… how can it be done?
Thanks Guys,
Jon

2

Hey Jon,

Can you try adding the CSS snippet below and see if it’s what you’re looking for? The default value is 15px. Feel free to adjust the values as needed.

@media (min-width: 768px) {
  .fl-page-nav .navbar-nav > li > a {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}

Ben

3

That worked!
Mark as resolved.
Thanks Ben.

4

Hi Jon,

Happy to hear your issue has been resolved and thanks for informing us. We appreciate it.

Thanks,
Danny

5

Re-open request.
http://tri-statebuildingservices.com/ppp/
OK guys, the menu height code works great, but if you hover over ‘Home’ you’ll see drop down menu (‘About Us’) height is now too big and it too, needs to be smaller.
Can you hook a fella up with that pc of code. :wink:
Seriously, though… Thanks guys,
JP

6

Hi Jon,

Can you try the following CSS, please.

@media (min-width: 768px) {
  .fl-page-nav ul.sub-menu li a {
    padding: 0;
  }
}

Feel free to adjust the value.

Thanks,
Danny

7

This works, as you know.
RESOLVED
If possible, Maybe you can work this adjustment into an upcoming theme update, as it would be a handy adjustment.
Thanks Danny, :slight_smile:
JP

8

No problem, Jon!

Happy to help!

Thanks,
Danny