Docs

[Rue Nel]

Hello There,

To better understand how the background images works, please check out these topic for an explanation:
https://community.theme.co/forums/topic/section-background-image-2/#post-691126

And perhaps you’d like to update the code again and use this instead:

@media(max-width: 1024px){
   .touchevents .x-content-band.bg-image.parallax,
   .touchevents .x-content-band.bg-pattern.parallax {
   		background-attachment: scroll !important;
   		background-size: cover;
   }
}

Please let us know how it goes.

[logoglo]

Hi, ok, so it works well on ONE device, and ONE rotation…on a tablet, the background looks great portrait, if you turn it to landscape, it zooms in and looks ugly.

For mobile, landscape and portrait it looks terrible.

Is there a solution for both? to get it to look like the dektop version (without parallax obviously)

Thanks.

[Rue Nel]

Hello There,

I can no longer login to your site. The previously given access is not working anymore. For the meantime, you can try to use this code:

@media(max-width: 767px){
   .touchevents .x-content-band.bg-image.parallax,
   .touchevents .x-content-band.bg-pattern.parallax {
   		background-attachment: scroll !important;
   		background-size: 100% auto;
   }
}

Again, please refer to the previous explanation of how background images works. You can try the background size as cover, 100% or auto. Please see what’s best and would look nice on mobile screens.

Hope this helps.

[Author]

Posts