Change page header size

Good morning,

Is it possible to change the size of the page headers? I want them to be much smaller and cannot find a place to do that. The site is

Thank you.

Hello there,

I hope you are doing well today.

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

header#header {
    height: 200px;

Best Regards,

Thank you for the quick response. It works for the pages like I wanted but it also affects the home page jumbotron and I didnt want that affected. Is there any way to do that?


This should work:

body:not(.home) header#header {
height: 200px;

How are you today?
I 've tried both pieces of code, but only most of the Page Header became transparant.So it seems like the page header size is smaller, but it s actually not . The lower part of the page header is still there, it just became transparant.

So if i go to page ‘Blog’, the page header seems smaller, but the word “BLOG” is still there on top of my first blog post. (only visible when I drag my mouse over it). (blog post is not clickable either).

any idea how to fix the page header size?

I just want the page header on every page to be the same size as the (sticky) Menu header.
Hope you can help:)


Thank you I’m fine, hope you are well :slight_smile:
Please provide link to the page

Thank you for helping out!
Here is the link:
If you click on page Blog or Contact, you 'll see the problem, when you click and drag.
I do like the header size 114 on each page though.

Hello :slight_smile:

OK, please add this code now:

#header {
display: none;

It works! Thank you :wink:

I will close this case now, Feel free to contact us again if you have other questions Thanks!