Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • September 28, 2022 at 11:26 am #1366689
    ThomasN001

    Hi, I added some column animation (fade in) on the sides listed below. Unfortunately, this doesn’t work properly on my phone. When scrolling down the column is completely visible at first and then disappears and the animation effect starts. That’s the case with Firefox as well as Chrome.

    September 29, 2022 at 8:03 am #1366832
    Ismael

    Hey ThomasN001,

    Thank you for the inquiry.

    Adding this code in the Quick CSS field might help.

    .fade-in {
    opacity: 0;
}

    Please toggle or temporarily disable the Enfold > Performance > File Compression settings after adding the css code.

    Best regards,
    Ismael

    September 29, 2022 at 1:18 pm #1366885
    ThomasN001

    That does the trick. Thank you, Ismael! Does this code universally apply to the other effects (e.g. pop up), or is it specifically for the fade-in effect?

    October 3, 2022 at 4:00 pm #1367422
    Yigit

    Hi,

    We are sorry for the late reply!

    This code applies to fade in only. If you are having issues with other animations, please let us know and share examples :)

    Best regards,
    Yigit

    October 3, 2022 at 6:33 pm #1367449
    ThomasN001

    No problem, Yigit. Since the issue is solved, you can close the topic. Thank you!

    Regards,
    Thomas

    October 3, 2022 at 8:40 pm #1367466
    Yigit

    Hi,

    You are welcome! :)

    For your information, you can take a look at Enfold documentation here – https://kriesi.at/documentation/enfold/

    If you have any other questions or issues, feel free to start a new thread under Enfold sub forum and we will gladly try to help you :)

    Enjoy the rest of your day!

    Best regards,
    Yigit

  • Author
    Posts
Viewing 6 posts - 1 through 6 (of 6 total)
  • The topic ‘Column Animation doesn't work properly on phone’ is closed to new replies.