Background Images Not Scaling On Apple Devices - Question | JoomShaper
Black Friday sale is live with flat 50% OFF. Sale ends soon! Grab your deal now!

Background Images Not Scaling On Apple Devices

DW

Doug Welch

SP Page Builder 2 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

0
2 Answers
Pavel
Pavel
Accepted Answer
2 years ago #116422

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)

0
Mehtaz Afsana Borsha
Mehtaz Afsana Borsha
Accepted Answer
Support Agent 2 years ago #116490

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.

0