Background Image Shows Wrong On IPhone - Forum | JoomShaper
Staff replied SP Page Builder

Background Image Shows Wrong On IPhone

Asked by Miguel 2 years ago Last activity 2 years 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!

1 reply

Rashida Rahman Staff

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

Log in to reply.