[Resolved] Post headings not centered on mobile

[Jason]

Hello,

I am configuring a new blog – houseplanthandbook.com – using some demo structure and content from ‘Sider’ and some from ‘Scribe’ in the GeneratePress site library.

The site is generally behaving how I am hoping when on desktop. However, on mobile, the ‘Scribe’ demo content post headings are centered and I cannot get the houseplanthandbook.com posts to do the same. Currently, my site’s post headings are left aligned, just as they are in the desktop version.

Is there a way to remedy this?

Thanks!

Jason

[Fernando]

Hi Jason,

Scribe uses a Block Element – Page Hero for its Posts. Reference: https://docs.generatepress.com/article/block-element-page-hero/

It’s center aligned through that.

You can create a similar structure through that, or if you simply want to center the post title, we can also do it through custom CSS.

Let us know.

[Jason]

Hi Fernando,

Sorry, I should have specified – I am attempting to accomplish this through the Block Element – Page Hero.

Somehow I missed that the each device could have it’s own alignment settings. Center aligning the main container worked!

Thanks for the quick response!

Jason

[Fernando]

I see. Glad you resolved the issue! You’re welcome Jason!

[Author]

Posts