[Support request] feature request – mobile control for page headers

[Moses]

Hey Tom et al.

I wanted to say I really love the way the new page headers are handled, it took me some time to get used to it after using Elementor, but Dave Foy has created a great guide which helped a lot.

Yet, there’s still something that I miss which is very important IMO, and it’s mobile controls.
I get that it should be as featured packed as section editing with a page builder, but not being able to control how things will act on mobile (i.e center text which was right aligned on desktop) kinda leaves takes the sting out of it.

I don’t ask for more features really, but to be able to adapt the current possibilities to mobile needs

[Leo]

Hi there,

Thanks for the suggestion 🙂

Thing like that can be done using CSS pretty easily.

For example, you can wrap the page header content with a div like this:
<div class="page-header-content">Some Content Here</div>

Then CSS like this to target mobile:

@media (max-width: 768px) {
    .page-header-content {
        text-align: left;
    }
}

You might find this article useful as well: https://docs.generatepress.com/article/responsive-display/

Let me know if you are trying to achieve something specific 🙂

[Tom]

More Page Header options are planned, including some mobile options 🙂

[Author]

Posts