Disable animations on mobile devices

Hey,

Thanks for contacting us!

Please add following code to Quick CSS field in Enfold theme options > General Styling tab

@media only screen and (max-width: 767px) {
.avia-animate-admin-preview.av-rotateIn, .avia_transform .avia_start_delayed_animation.av-rotateIn,
.avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .iconlist_icon,
.avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .avia_start_animation .iconlist_icon { 
    animation: none !important;
 }
.avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .iconlist_icon,
.avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .avia_start_animation .iconlist_icon {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
}

Cheers!
Yigit

Hi,

Could you please try following as well

@media only screen and (max-width: 767px) {
.avia-animate-admin-preview.av-rotateIn, .avia_transform .avia_start_delayed_animation.av-rotateIn,
.avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .iconlist_icon,
.avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .avia_start_animation .iconlist_icon { 
    animation: none !important;
   -webkit-animation: none !important;
 }
.avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .iconlist_icon,
.avia_transform .avia-icon-list.av-iconlist-big.avia-iconlist-animate .avia_start_animation .iconlist_icon {
  opacity: 1;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
}
}

If that does not work either, could you create temporary admin logins and post them here privately so we can look into it? :)

Regards,
Yigit