Archived topic
Header hight on Ipad issue
3 replies · Started by Manuela on February 22, 2021
Viewing posts 1–4 of 4
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,
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!
It works great!
Many thanks :)
You are welcome :)
This archived topic is closed to new replies.
