Elementor animations on mobile

  • Resolved extensis

    (@extensis)


    6 years, 7 months ago

    OceanWP is such a lovely theme and yet professional. Personal favourite.

    There is one problem and I cannot pin the cause down so I’d need your help. I’m building content using Elementor, they pointed me to OceanWP in the first place, and their entrance animantions work flawlessly on desktop with your theme, but when the page is used on a mobile phone it starts “dancing” when scrolling and objects’ entrance animations kick in. Once the animations finish page is scrolling as normal.

    Mobile phone is Android, browser is Chrome. In Firefox the page doesn’t “dance”, it just scrolls irregular.

    The page I need help with: [log in to see the link]

Viewing 15 replies - 1 through 15 (of 15 total)
  • Theme Author oceanwp

    (@oceanwp)

    6 years, 7 months ago

    Hello, thank you for using OceanWP 🙂
    Do you have the same problem with another theme?
    If so, you should contact the Elementor support team.

    Thread Starter extensis

    (@extensis)

    6 years, 7 months ago

    Hello 🙂

    Forgot to mention, that problem only happens with OceanWP. I’ve tried about 6 different themes.

    Theme Author oceanwp

    (@oceanwp)

    6 years, 7 months ago

    Hi, sorry, I really don’t see the issue, I tried on my smartphone, android and chrome, the animations work as they should, nothing weird happen.
    I can contact Elementor to ask them if they see any issue with the animation on your site if you want.

    Thread Starter extensis

    (@extensis)

    6 years, 7 months ago

    Well, I’d be happy if it was just me.

    https://www.youtube.com/watch?v=5APyVMjkDko Take a look here, you can see uneven scrolling.

    Theme Author oceanwp

    (@oceanwp)

    6 years, 7 months ago

    Thanks a lot for this video, I will share it with the Elementor support team.
    I will get back to you.
    Thanks for pointing me this issue 🙂

    Theme Author oceanwp

    (@oceanwp)

    6 years, 7 months ago

    Hello, the Elementor support answered me and like me, he see no problem, but he told me that it could be due to an optimization plugin, so disable all your plugins except Elementor and see if this solves your problem, if that’s the case, reactivate your plugins one by one to find the one that causes this issue.

    Theme Author oceanwp

    (@oceanwp)

    6 years, 7 months ago

    If you find that the problem comes from an optimization or minification plugin, try to see in the settings of this plugin if there is a field related to the JS, if yes, disable it and tell me if it solves the issue.

    Thread Starter extensis

    (@extensis)

    6 years, 7 months ago

    I had WP-Optimize activated, and yes, I have deactivated it – but still no luck 🙁

    Other plugins that are activate should not cause that problem. Here’s the list:
    – Chrome on Android Meta Theme
    – Disable Comments
    – Elementor
    – Google Analytics Dashboard for WP
    – Loco Translate
    – Maintenance
    – Ocean Extra
    – WC Direct Place Order Without Payment
    – WooComerce
    – Yoast SEO

    Theme Author oceanwp

    (@oceanwp)

    6 years, 7 months ago

    Try to disable them all except Elementor and see if it solve the issue.
    And as I said, I and the Elementor team doesn’t see the issue on android and chrome.

    Thread Starter extensis

    (@extensis)

    6 years, 7 months ago

    Same thing, unfortunately, happens with all plugins disabled. Something’s wrong my phone maybe? 😀

    Theme Author oceanwp

    (@oceanwp)

    6 years, 7 months ago

    It is possible, otherwise I or the elementor team would have had the same problem.
    If you can try on another phone to be sure if the issue comes from your phone.

    Thread Starter extensis

    (@extensis)

    6 years, 7 months ago

    That would be the best thing for both you and Elementor. It seems the other phone is much more tolerant to entrance animations. “Unpredicted behaviour” occurs, but it is negligible.

    I will try other phones too and will reply if any of them behave the same.

    Thank you so much for support. You’ve been kind.

    Theme Author oceanwp

    (@oceanwp)

    6 years, 7 months ago

    You are most welcome 🙂

    actronab

    (@actronab)

    6 years, 7 months ago

    I could not check your video, since I’m on a resticted company network right now, but mobile browsers are known to have limited support for certain features. One of the most annoying one, is missing support for fixed elements. Mobile browsers sometimes try to emulate this feature, which results in ‘jumpy’ content when scrolling.

    Also, CSS animations may cause problems on older mobile browsers. So if I were you, I’d check the Android device closely to make sure, it is running a recent browser version.

    For further reference, see these articles for example:

    http://www.dynamicdrive.com/forums/entry.php?339

    https://daneden.me/2011/12/14/putting-up-with-androids-bullshit

    Thread Starter extensis

    (@extensis)

    6 years, 7 months ago

    @actronab everything is the most recent version, thank you.

    I am confused because this is only happening with OceanWP.

Viewing 15 replies - 1 through 15 (of 15 total)
  • The topic ‘Elementor animations on mobile’ is closed to new replies.