Archived topic

responsively resizing mobile images to centre of image

3 replies · Started by Gracie on September 7, 2018

Viewing posts 1–4 of 4

September 7, 2018 at 9:33 am #671298

Hi guys,

Absolutely loving GP - it's all been much smoother than I thought it would be :)

I have a question on mobile image responsiveness... In the body of my sections, I've set images as background images with parallax effects. When I come to test them on mobile - the screen shrinks but it takes the RHS of the image with it - rather than an equal amount from the left and the right.

Is it possible to make it so that the image is centred on whichever device you view it on?

Thank you!
Gracie

September 7, 2018 at 2:12 pm #671484

Hi there,

Give this CSS a shot:

@media (max-width: 768px) {
    .generate-sections-container {
        background-position: center center;
    }
}

Let me know if this helps :)

September 10, 2018 at 2:00 am #673009

Thanks Leo - perfect :)

September 10, 2018 at 9:34 am #673491

No problem :)

This archived topic is closed to new replies.

Start building better websites today.