[Resolved] Background Image

[metcomllc@aol.com]

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)
    }
}

[Leo]

Looks like it’s working:
https://www.screencast.com/t/5vfGzBwXK

[metcomllc@aol.com]

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

[Ying]

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.

[metcomllc@aol.com]

Thank you.

[Ying]

No problem 🙂

[Author]

Posts