Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • #1297704

    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

    #1298025

    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

    #1298078

    Well, thanks, but that is a kind of buggy and does not work as wanted.

    #1299269

    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

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.