New to the community? Start here

How to disable all Motion Effects in Elementor for mobile display?

Hi,

Please can you show me how to disable the Motion Effects or any element animation or transitions for mobile display in the  Elementor.  All my pages show great on an iPhone but not on an Android they seem to break up?

Regards,
Ken

Sun, 9 Oct 2022 17:43:40
  • Amin Nazemi
    • Staff

    Hi there Ken

    Hope you having a great day.

    If you added the animations using the elementor, you can go to the page editor and then click element go to the advanced tab and select the animation effect on the responsive mode and you can select the animations for each device.
    [attachments are only viewable by logged-in members]
    you can take a look at this URL to learn more about the Elementor responsive mode
    https://elementor.com/help/mobile-editing/

    And if you don’t use the elmentor for the animations you need to use media query in CSS code to disable the animations for the mobile devices.
    This is an example of CSS quires:

    @media (max-width: 576px) {
/* you code for mobile devices goes here */
}

    Best regards
    Amin

  • Ken
    • New Recruit

    Hi Amin,

    Thanks for the reply.

    I want to disable the motion and animation effects for mobile.

    I am not sure what to add in the CSS code – “* you code for mobile devices goes here”

    media (max-width: 576px) {
    /* you code for mobile devices goes here */
    }

    Please can you show me what to add there?

    Regards,
    Ken

  • Amin Nazemi
    • Staff

    Hi Ken

    I can’t create the complete code as I don’t know the elements that you want to remove the animations.
    You need to point me to the elements and pages to create the full CSS code, but the easiest way is using the elementor responsive mode as I mentioned in my previous response.

    Please send me screenshots and links to pages and sections/elements.

    Kind regards
    Amin