[Resolved] Header hight on Ipad issue

[Manuela]

Hello,

I noticed that the height of my header on Ipad is shorter than the height of the header on Kindle Fire HDX, for example. In fact, the height of the header on Ipad is shorter than on any other device. Is there a way to lengthen it?

Thank you,

[Ying]

Hi Manuela,

Go to appearance > elements, find the header element that assigned to front page, increase the top and bottom paddings for mobile which includes mobile and tablet, for example 200px for both top and bottom paddings.
https://docs.generatepress.com/article/header-element-overview/#padding

Then add this CSS to target mobile:

@media (max-width: 481px) {
    .home .page-hero {
        padding-top: 100px;
        padding-bottom: 100px;
    }
}

Let me know how it works!

[Manuela]

It works great!

Many thanks 🙂

[Ying]

You are welcome 🙂

[Author]

Posts