Main menu bar height - how to reduce it?

Hello there,

I’ve got a question about main menu bar height - how to reduce it?

I’ll try to explain what I mean))

In Header Type section in Site header type I enabled ‘No header (only menu)’ option. So my pages look like this right now: http://vladpolesnov.com/wp-content/uploads/2017/03/header-example-2.png

  • which is fine for one exception - I’d like to reduce, at least half the size, the height of the menu bar (marked by blue on the printscreen). How can I do that?

Thanks,
Sofya.

Hello there,

The screenshot you attached doesn’t load. Please use this service https://cloudup.com/ and share its public link here.

Regards,
Kharis

Hello Kharis,

Got it! Here’s new link to the screenshot: https://cldup.com/P5N0GCzjDX.png

Thanks,
Sofya.

Hello Sofya,

Thank you for the screenshot. You will need to add the following CSS code into Appearance > Customize > Additional CSS:


.site-header,
.site-header.float-header {
  padding-top: 0;
  padding-bottom: 0;
}

Regards,
Kharis

Hello Kharis,

That’s exactly what I wanted. Thanks a lot!

Kind regards,
Sofya.

You’re welcome!

Please let us know in a new topic if you have any further questions, or if we can provide you with any other assistance.

Regards,
Kharis