Archived topic
Align Text To Be Center on Mobile
7 replies · Started by Adam on May 11, 2022
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;
}
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 :)
yes, attached.
Is there a specific page we should be looking at?
It’s on the header of all blog posts
Hi there,
can you disable any optimizers, caches or CDNS on your site, as the URL you provided i cannot see any post content.
done
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.
