Disable all elements animations

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;
    }
}

pixfort
pixfort
Essentials support team
hub.pixfort.com

Hey, this is pixfort support team, if you still need help you can always reach us via the chat messenger in your account on pixfort hub

Related Posts