Reduce the header's height

Hey oliviad!

You can add this on your custom.css or Quick CSS to reduce the height of the header.

/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 88px; line-height: 88px; }

Use this to decrease the top padding of the main container as you reduce the header height:

.fixed_header.social_header #main {
padding-top: 120px;
}

Cheers!
Ismael

Hey!

My bad! Please decrease height and the line-height on the code I gave you then you’ll see the difference.

/*header with social icons: */
.social_header #header_main .container, .social_header .main_menu ul:first-child > li a { height: 44px; line-height: 44px; }

Remove browser cache then reload the page. Don’t forget to adjust the top padding of the main container:

.fixed_header.social_header #main {
padding-top: 120px;
}

Adjust if necessary.

Cheers!
Ismael