Hey there,
I want to add a parallax effect in the ENFOLD Theme with the “Color Section” function.
It works fine on the desktop but not at all on iOS devices. How can I fix that?
Greetings from germany
Nicolas
Hey Nicolas,
Thanks for contacting us!
Unfortunately parallax effect is not supported by IOS.
You can add following code to Quick CSS in Enfold theme options > General Styling to set parallax background images to scroll on mobile
@media only screen and (max-width: 1024px) {
#top .avia-bg-style-fixed .av-parallax{
background-attachment: scroll !important;
background-size: cover !important;
}
}
Best regards,
Yigit
Well, thanks, but that is a kind of buggy and does not work as wanted.
Hi,
Parallax effect is actually disabled on mobile view by default. And iOS devices do not fully support fixed elements or backgrounds, so the only solution is to set the background attachment behavior back to default as suggested above, which unfortunately disables the fixed and/or parallax effect.
// https://caniuse.com/background-attachment
// https://stackoverflow.com/questions/21476380/background-size-on-ios
Best regards,
Ismael