Background images not scaling on apple devices - Forum | JoomShaper
Staff replied SP Page Builder

Background images not scaling on apple devices

Asked by Doug Welch 3 years ago Last activity 3 years ago

We have background images on each page of our website. The images are resized fine on android devices however, on apple devices the image is cropped instead of resized. www.fbyc.ca

2 replies

Oldest first Newest first Most helpful
Pavel
3 years ago · edited

Hi. In iOS (Safari) background-attachment: fixed; property does not work.

Add scroll-bg class in the settings of each section where you have a fixed background image and use the following CSS.

@media (max-width: 991.98px) {
    .scroll-bg {
        background-attachment: scroll !important;
    }
}

This will have an effect on any screens less than 991.98px width

If you want to definitely aim at iOS, find special media queries for iOS via Google and use them instead of (max-width: 991.98px)

Mehtaz Afsana Borsha Staff
3 years ago

Hi Doug,

Thanks for contacting us. You can follow Pavel's instructions. Try that CSS, I hope it will solve your issue. And thanks Pavel for sharing the solution.

-Regards.

Log in to reply.