Parallax Background Problem In Iphone - Question | JoomShaper
SP Page Builder 6 is Here! Learn More →
Back to the questions

Parallax Background Problem In Iphone

SN

Siam Naulak

SP Page Builder 4 years ago

Hi, I used Parallax Background on my website and it's working perfect in desktop and android phone. BUT, it is not displaying properly in iPhone.

Here's the screenshot - https://prnt.sc/10gx7wj This is how it displayed in iphone - https://prnt.sc/10gx9hd This is how it displayed in android phoe - https://prnt.sc/10gxbgi

This is the site - https://www.hopeofharvest2021.org/

Can someone help?

0
5 Answers
Order by
Oldest Newest Votes
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #9869

Hello Siam Naulak

Please share your administrator access here to check. Use the Hidden Content box to share the credentials.

Best regards

0
M
Marcelo
Accepted Answer
4 years ago #17970

Hello!

I have the same problem with Iphone devices. In any background image.

Can you help me?

0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #18018

Please post a new question. Our team will assist you.

0
B
blueoceanyyc
Accepted Answer
4 years ago #18205

Hi,

We have experienced this issue in iphones as well. What we did was use some css to undo the parallax features on mobile devices. We have a very broad setting for all mobile devices. You can of-course fine-tune with your own media queries. The logic we have used is (provided you are using a section background image):

//fix for parallax issue on mobile devices using level 4 media query hover - more info: developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries#Targeting_media_features;
@media (hover: none) {
    .sp-page-builder .page-content .sppb-section {
        background-attachment: scroll!important;
        background-position: center!important;
    }
}
0
Ofi Khan
Ofi Khan
Accepted Answer
Support Agent 4 years ago #18234

Thanks for sharing your solution with us.

0