[Resolved] Page header text on mobile

[Kim]

Hi there,

I’ve added a page header with some text to the homepage. I’ve set top & bottom padding to 20%. It looks fine on desktop but on mobile some of the text is covered by the menu.

What can I do to make it look better?

Many thanks 🙂

[Leo]

Hi there,

Give this CSS a shot:

@media (max-width: 768px) {
    .page-header-content-container {
        padding-top: 40%;
    }
}

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

Let me know.

[Kim]

Works perfect 🙂

Many thanks!

[Leo]

No problem 🙂

[Author]

Posts