[Resolved] Header image aligment on mobile.

[david]

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.

[David]

Hi there,

it requires some CSS like so:

@media (max-width: 768px) {
    .page-hero {
        background-position: center center;
    }
}

[david]

thanks this worked.

[David]

Glad to be of help

[Author]

Posts