[Resolved] Header image aligment on mobile.

Home Forums Support Header image aligment on mobile.

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1361562
    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.

    #1361675
    David
    Staff
    Customer Support

    Hi there,

    it requires some CSS like so:

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

    thanks this worked.

    #1361915
    David
    Staff
    Customer Support
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.