Change height of header with the blog title?

Shapely
1

How can I decrease the height of the header withe the blog title?

2

Hello there,

I hope you are doing well today.

You can use the following CSS code to change the header height by going to Appearance > Customize > Additional CSS and pasting it there.

/*Header height*/ .page-title-section { height: 160px; }

Best Regards,
Support

3

Thanks, but for some reason it doesn’t work. Nothing happens when adding this code to the CSS…

4

Hello there,

Thanks for telling me this.

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

Best Regards,
Support

5

Thanks,

Best regards

6

Thanks,

Best regards

7

Hey there,

You can try achieving this by adding the following CSS code in the Custom CSS option of your theme on the below path.

Admin Area -> Appearance -> Customize -> Additional CSS

/*increase header height and top padding to bring down logo and navigation*/
nav#site-navigation {
    height: 25vh;
    padding-top: 7vh;
}

Best regards,
Support.

8

Thanks, but this doesn’t change the height of the title background. It just Changes the space around logotype and menu.

Best regards

9

Problem is solved :slight_smile:
I added “!important”:

/Header height/
.page-title-section {
height: 160px !important;
}

10

Hello there,

I am glad the solution worked for you.
Please feel free to contact us again in the future regarding any other issues.

Best Regards,
Support