[Resolved] Elements Global Header Change Hight

[SERHAT]

Hello,
I want to change hight of Global Heaader of elements, but I could not found which parameters helps to reduce elements hight (for example by default width: fullpage, hight: 600px which I want to set it like hight: 150px).

[David]

Hi there,

you can target the page-hero class that is applied to all Header Elements like so:

.page-hero {
    min-height: 600px;
}

[SERHAT]

It doesn’t worked out. Still Global Header of elements size doesn’t changed.

[David]

Can you provide a link to the site so we can take a look.
You can edit your original topic and use the Site URL field to share the link privately.

[SERHAT]

I have sended mail to support@generatepress.com about detail, thank you.

[Leo]

I’m seeing this CSS in the additional CSS field in the customizer which is setting the minimum size:

.page-hero {
    min-height: 200px;
}

You can reduce it more by reducing the top and bottom padding:
https://docs.generatepress.com/article/how-to-create-a-page-hero/#step-4-set-the-height

[SERHAT]

adding css not worked, I have solved problem by removing all padding values, thank you.

[Leo]

No problem 🙂

[Author]

Posts