How to stop WOW JS + CSS animate on smaller devices?
a pure css solution would be (even if !important is quite ugly...) :
@media screen and (max-width: 800px) {
.wow{
animation-name: none !important;
visibility: visible !important;
}
}
The inline styles added by wow will still be there but overwritten by these 2 lines, they won't apply anymore.
Change the default settings
wow = new WOW(
{
boxClass: 'wow', // default
animateClass: 'animated', // default
offset: 0, // default
mobile: true, // default
live: true // default
}
)
wow.init();
to
mobile:false