Bedford: How to change navigation bar height?

I’d like to make the Navigation bar a little slimmer in Bedford. What code can I use for this?

I added this to the Custom CSS Editor:

#header { height: 70px }

This shrank the navigation bar down some, but it only brought it up on the bottom. I can’t figure out how to reduce the padding above nav bar to even out the look. I could use some help there. Anyone know how to adjust the header top padding?

Thanks

It looks like its the .header-inner padding that is causing this. Adding this in the Custom CSS Editor should move things up (see image below using your height of 70px - change the 14px value as needed):

.header-inner {
 padding: 14px 0 !important
}

@Paul Thanks your answer works perfectly! Thanks again and Ill be sure to share the information if I see anyone needing it.-Nathan

Here is another solution. Tested and works perfectly on Devlin, would imagine it works on other templates.

Simply put this CSS in the Custom CSS Editor:

.primary-nav { height: 10% }

You can use % or px, and also change other features like width, background and so on.

Use this CSS in the Custom CSS Editor, adjust px as desired:

#header .header-inner {
 padding-top: 10px;
 padding-bottom: 10px;
}