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
- Staff
- 26 pts: Hero points 0 pts: Rep. points LEVEL 0
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.

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
- 50 pts: Hero points 0 pts: Rep. points LEVEL 0
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
- Staff
- 26 pts: Hero points 0 pts: Rep. points LEVEL 0
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

Hosting

Trial free for 7 days

Just $12AU$12₹12/m after. Cancel anytime.

Ready to get started?

How do you rate me?

Thank you for rating your experience!