[Support request] Align Text To Be Center on Mobile

[Adam]

I cannot align this text correctly on mobile AND desktop. I can only do one or the other. I want the “last modified +date” to be aligned left on desktop and center on mobile. I tried the media function and it does not work!

.hero-date:before {
content: “Last Updated: “;
font-family: Inter, sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1em;
}

.hero-date{
content: “Last Updated: “;
font-family: Inter, sans-serif;
font-weight: 700;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 0.1em;
line-height: 1em;
}

[Ying]

Hi Adam,

Any chance you can link us to the site in question and point us to where we should be looking at?

You can use the private information field.
https://docs.generatepress.com/article/using-the-premium-support-forum/#private-information

Let me know 🙂

[Adam]

yes, attached.

[Leo]

Is there a specific page we should be looking at?

[Adam]

It’s on the header of all blog posts

[David]

Hi there,

can you disable any optimizers, caches or CDNS on your site, as the URL you provided i cannot see any post content.

[Adam]

done

[David]

If you edit the Element containing the date, select the Headline Block, and in the Blocks Toolbar set the Alignment Left.
Then switch the view to Mobile, the Blocks Toolbar will move up to where the top bar is, now set the Alignment to Center.

[Author]

Posts