Reduce Size of Header

Hi -

How can I edit the header so that it is smaller (about 50% of default size)?

Currently, it is taking up more screen than I would like it to take.

Please see the attached file for a better illustration.

I am assuming the change would have me add / change some code in the header.php file. Not sure exactly what though.

Hello there,

I hope you are doing well today.

Could you please provide a link to your website so that I can inspect it?

Best Regards,

hey there

Hope you are having a good day and thank you for your question :slight_smile:
Please add this CSS in appearance - customize - additional CSS

.header {
padding-top: 0px;
padding-bottom: 0px;

Colorlib Support Team


This did not have any noticeable affect/change.

Is there code to make the logo smaller so the header bar will resize to a smaller height?

My logo is 150 x 150 px currently.


Regarding code, please clear cache and check again
Regarding logo - You don’t need any code for this, you just need to resize your logo :slight_smile: