SP Page Builder Issues With Iphone And IPads
Kirti
I have noticed that when the background image is set to "fixed" mode then it doesn't work on Iphone and Ipads. However, when it is set to "scrolling" mode then it works. I am using the latest version of SPPB.
While most web designers will try it on Android platforms and see it working perfectly, those with iPhones and iPads will see a poorly designed, unprofessional website. I am not sure if you're aware of it or not but this is a major bug and should be fixed immediately.
I discovered this while working with an European client and they were pretty unhappy about this.
Please look into this urgently
Pavel
Accepted AnswerHi.
This is not an error in SPPB. This is Apple's fault. "Fixed" background is not supported in iOS. You can fix it through CSS by configuring background to "scroll" for Apple devices only or for all devices using media queries.
Google "CSS media queries for iOS"
Paul Frankowski
Accepted AnswerHi,
Pavel has right, that Safari issue is known for over 6 years. We also informed about that in older SPPB versions (screenshot from 3.x) and current one.
But as Apple says till now: "it's a feature not a bug" ;]
Kirti
Accepted AnswerHi thanks for the inputs. May I request if the custom CSS can be provided so that others could benefit too
Best,
Paul Frankowski
Accepted AnswerIt depends what ID name has your Row or add unqiue class name for it. And let me know.
Pavel
Accepted AnswerI usually use such class name mobile-scroll-bg by adding it to the section settings.
And CSS
@media (max-width: 991.98px) {
.mobile-scroll-bg {
background-attachment: scroll !important;
background-position: center !important; /* for cases if parallax bg is using at the desktop*/
}
}