Reduce padding on menu bar

Hello my web site is https://datasaveconsulting.com

I want to reduce the default top a botton paddin on menu bar. I have set to the minimun the value on appearance > customize > header > main header > Style, Padding 0. Even I have use this code:

.site-header, .site-header.float-header {
padding-top: 0; padding-bottom: 0 !important;
}*/

But even work.
Thanks in advance. Regards.

Hello,

First thanks for using our theme!

The logo size is enlarging your main header area. Please try reducing the logo size at Appearance > Customize > Header > Site Identity > Logo Height.

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support

Hello Rodrigo, thanks for your reply.

Maybe I have not explained well. I don’t want to change the height of the logo, I want to change the upper margin to the lower one, as yoo can seen in the picture attached.

Thanks again. Regards.

Hello,

You can reduce a bit the top and bottom padding adding the given custom CSS code below at Appearance > Customize > Additional CSS:

.site-header-inner {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
}

But if you want to reduce even more the main header area height, you will need also reduce the logo height.

We hope this helps!

Please try that and let us know if you need further assistance.

Kind Regards,

Rodrigo.

aThemes Support