Tagged: , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • May 1, 2021 at 2:01 pm #1297704
    nwillimek

    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

    May 3, 2021 at 3:03 pm #1298025
    Yigit

    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

    May 3, 2021 at 6:50 pm #1298078
    nwillimek

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

    May 10, 2021 at 6:22 am #1299269
    Ismael

    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

  • Author
    Posts
Viewing 4 posts - 1 through 4 (of 4 total)
  • You must be logged in to reply to this topic.