Site logo

Archived topic

Background Image

20 replies · Started by Forum User on March 5, 2022

Viewing posts 16–21 of 21

Yes, I changed the code about 2-3 hours ago. You will notice the link is different.

@media (max-width: 768px) {
    .gb-container.gb-container-d038e518:before {
        background-image: url(https://magicalearthretreat.com/wp-content/uploads/2022/03/shutterstock_1106877812-7.jpg)
    }
}

Yes it does. It's really hard to show the part of the image I want to on mobile. Any suggestions?

You can try this CSS for mobile background image position:

@media (max-width: 768px) {
    .gb-container.gb-container-d038e518:before {
        background-position: 30% 10%;
    }
}

30% presents the position on x direction, and 10% presents the position on y direction. Feel free to try different values.

Thank you.

No problem :)

This archived topic is closed to new replies.