Background Image Shows Wrong On IPhone - Question | JoomShaper

Background Image Shows Wrong On IPhone

Miguel

Miguel

SP Page Builder 1 year ago

Hi there, how are you? I´m having some trouble with a background image on iPhone. I checked some old post on the forum that had the same problem, and I wanted to know if there is any update on this?

This is how it is shown on android which is correct (the image is the one behind the "Pensate diferente"), and this is what happens on iphone

Thanks!

0
1 Answers
Rashida Rahman
Rashida Rahman
Accepted Answer
Support Agent 1 year ago #149413

Hi there!

Sorry for your issue.

Safari in iOS does not support background-attachment: fixed; CSS property. Therefore, this behavior should be disabled for mobile devices.

To do this, add your own class name in the section's CSS Class field and use following code.

@media (max-width: 991px) {
    .your-class-of-section {
        background-attachment: scroll !important;
    }
}

You can check out this conversation too: https://www.joomshaper.com/forum/question/18588

Yes, the issue still persists as IOS still doesn't support the feature.

Best Regards

0