To disable all elements animations in the site add this code snippet into Theme options > Layout > Advanced > Custom css:
.animate-in,
.group-animate-in,
.pix-sliding-headline-2 *,
.animating,
[data-anim-type] {
visibility: visible !important;
opacity: 1 !important;
animation-name: none !important;
transform: none !important;
transition: none !important;
}
Please note that the animation of the Sliding Text element is part of this element and it’s doesn’t have an option to disable its animation, if you don’t want to use Sliding Text you can replace it with normal Heading Element.
If you want to disable the animations in Mobile only:
@media (max-width: 692px) {
.animate-in,
.group-animate-in,
.pix-sliding-headline-2 *,
.animating,
[data-anim-type] {
visibility: visible !important;
opacity: 1 !important;
animation-name: none !important;
transform: none !important;
transition: none !important;
}
}