MOBILE / TABLET – ANIMATION AND TRANSITIONS
-
Hello there,
Can you help me with a css code or JS which disable animation and transitions effects ONLY on mobile and tablets?
Thanks,
Best regards.
Hello,
There is no option to disable all the animation and transition. Please clarify which element you want to disable and page URL
Best Regards
Hi,
I found this code, (https://www.editive.eu/wp-admin/admin.php?page=_options&tab=39) and I added to custom css on mobile ( and it works!) the animation and transitions on mobile is no more. Can u look look into it for errors or conflicts with the theme?
Hello,
You need to remove media queries. This code would remove the animation from the rows. There is no one code and for all elements.
Best Regards
Hi,
I only let this code :
/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
.animated {
/*CSS animations*/
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
}
And on mobile the rows work.
Best regards
Hello,
Just replace the code with this one:
.animated {
/*CSS animations*/
-webkit-animation: none !important;
-moz-animation: none !important;
-o-animation: none !important;
-ms-animation: none !important;
animation: none !important;
}
It would be correct.
Best Regards
Hello,
It work great, Thank you!
Best regards
You are welcome! If you have any questions please feel free to contact us.
Best Regards
.
