Archived topic
Background Image
20 replies · Started by Forum User on March 5, 2022
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)
}
}
Looks like it's working:
https://www.screencast.com/t/5vfGzBwXK
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 :)