[Resolved] Can't find the Header height setting

[Henry Bowman]

I’m experimenting with some new background images for my header, and I remember a section in an older version of generate press that let you set all the Div’s sizes by pixels. I can not for the life of me find this setting now.

- h.k. Bowman

GeneratePress 1.3.48

[Leo]

Hi there,

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Henry Bowman]

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

- h.k. Bowman

[Leo]

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

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Henry Bowman]

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.:

- h.k. Bowman

[Leo]

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 🙂

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Tom]

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”.

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development

[John]

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.

[Leo]

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!

Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/

[Roger]

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!

[Ying]

Hi Roger,

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

Let me know 🙂

[Roger]

@Ying

Ah ha! 🙂 It was not activated.

Thank you for letting me know to do that!

[Ying]

No problem 🙂

[Author]

Posts