Can't find the Header height setting

Hi there,

Try adjusting the top and bottom header padding: https://docs.generatepress.com/article/header-padding/

is that the css padding in the div or the actual div size? I need to size the space the header takes up.

In the div. So the green part here: https://s4.postimg.org/6h3gyjcot/headpadding.png

The padding settings are not what i'm after, I want to set the header's Div space height so it matches the background images we use.:

Unfortunately I believe that's how background images work in the header.

Maybe there is a way with CSS. I'll ask Tom to confirm :)

You can set the height of the header, but I don't suggest doing so at all. For example, if you set it to something like 400px, that will take up most of your screen on mobile.

.site-header {
    height: 400px;
}

If you want the header to be the height of your image while remaining responsive, you'd want to upload it as a static image instead of a background image in "Customize > Site Identity".

I too would like to do what Henry's asking, change the vertical size of the header. I'm happy to make the change by uploading the image as a static image instead of a background image in “Customize > Site Identity”, but I can find no such option there. Is this a version thing? I didn't see it anywhere else either, though I'm a noob here, so it's probably me.

Maybe try changing the header padding? https://docs.generatepress.com/article/header-padding/

If not can you open a new topic and provide a link to your site?

Thanks!

I tried the link posted, where it said to use:

Appearance > Customize > Layout > Header

But... Header padding settings are not there.

I think I'm missing something?
Any chance someone can redirect me?
Thanks!

Hi Roger,

Can you make sure the Spacing module is activated at appearance > Generatepress?

Let me know :)

@Ying

Ah ha! :) It was not activated.

Thank you for letting me know to do that!

No problem :)