Adjust site header height

Hello, my site is http://technicalpaint.com

I would like to reduce the top and bottom margin of the site header. I have used this code but it is not correct, it reduces the size but the logo and menu elements remain in the same place.

.site-header{
max-height: 100px;
}

Thanks in adavance, regards.

Hi,

Thank you for contacting us. I am happy to help with your queries.

If I got you correctly, you’d add this CSS code to your website’s Additional CSS.

    .site-header {
      padding-top: 5px;
      padding-bottom: 5px;
    }

Regards,
Kharis
aThemes Support

Hi Kharis, thanks for you reply, I have added !important to you code.

.site-header {
  padding-top: 5px !important;
  padding-bottom: 5px !important;
}

Best regards.

Did your final code (with revision by you) work well? Please let me know.

Regards,
Kharis
aThemes Support

Yes Kharis, the code works perfectly.
Regards.

2 Likes

Great! Thank you for confirming.

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
aThemes Support

1 Like