Archived topic
Header image aligment on mobile.
3 replies · Started by david on July 13, 2020
Viewing posts 1–4 of 4
My blog post head images are showing the left side of the image on mobile view and not the center of the image.
It means I've to design the image to have the main image/item/text on the left which doesn't look the best on desktop.
Link has been supplied to Admins.
How can I get it so the image is showing the center part of the main image on mobile.
When I go to the Element settings for "Single Post Header Featured Image" the Horizontal Alignment is set to "Center"
I'm using the Merch layout
Any tips could be great. - thanks.
Hi there,
it requires some CSS like so:
@media (max-width: 768px) {
.page-hero {
background-position: center center;
}
}thanks this worked.
Glad to be of help
This archived topic is closed to new replies.
