Change Header Size

Hey Gess,

You can reduce the size of header by adding following custom CSS to your theme using Advanced CSS Editor.

.site-header{
    height: 150px;
}
.main-title{
    font-size: 20px;
}

Adjust the font size and header height according to your needs. Hope it helps.

@three30 – This topic is 10 months old and already marked as Resolved. Although it may seem that you have the same problem it is likely that the troubleshooting and solution for your issue is not the same. Per the Forum Guidelines please don’t jump into the middle of another support topic; start your own topic instead. Thanks.
https://make.ww.wp.xz.cn/support/handbook/forum-welcome/#post-in-the-best-place

Hello mbajrami,

You need to add this CSS in your Custom CSS for adjusting that:

#masthead #hgroup-wrap {
    padding-bottom: 5px;
}
#site-logo {
    padding-top: 5px;
}

You can adjust the value as per your requirement.

Hope that helps.

Thank you.

Hello @astarwff,

Are you referring to decrease the menu height?

If so then first of all you need to heard crop your logo.
Then add this CSS in your Custom CSS for adjusting that:

.logo-image > img {
    max-width: 200px;
}

Hope that helps.

Thank you.

Hello @soumendra

I just wanted to make it a bit more clear that i want to get rid of the grey section in between the background image and menu header.

Thanks again

Great thank you @soumendra,it worked!!!!

Many thanks again