Disable animations for mobile devices

Customization Snippets
,
1

Add the CSS below to your custom CSS to disable animations on mobile devices.

@media (max-width: 768px) {
  .fl-animation {
    -webkit-animation: none !important;
            animation: none !important;
    -webkit-transform: none !important;
            transform: none !important;
    transition-property: none !important;
    opacity: 1 !important;
  }
}
3 Likes
2

Only issue with this is if you have set delays on your animations it doesn’t look great.

It would be awesome if there was a way to turn them off and turn the delays off too.