Reduce header height

Hello,

Can I slightly reduce the header height with CSS without losing menu alignment?

I found this code provided by Ina on the forum and it works great for my header. But if you check the picture you can see the title “Products” has no indent after the main header in Safari. In Chrome it’s almost the same.

I also would like to reduce it for the main page just a little.

The code I used for the header with changed colours:

@media screen and (min-width: 48em) { .headroom–not-top .navbar { background: #4e608d; } }

.has-header-image .navbar, .has-header-video .navbar { background: #4e608d !important; }

P.S. Thanks for this beautiful theme!

Picture

• This topic was modified 1 year, 4 months ago by echoofmemories.

The page I need help with: [log in to see the link]