All Collections
FAQ's and Troubleshooting
Deactivate Animation On Mobile
Deactivate Animation On Mobile

Disable Divi Animation Effects On Mobile

Marius avatar
Written by Marius
Updated over a week ago

In Divi > Theme Options > General Tab > Custom CSS, add this CSS code:

@media all and (max-width: 981px) {

.et_pb_section *, .et_pb_section {

-o-transition-property: none!important;

-moz-transition-property: none!important;

-webkit-transition-property: none!important;

transition-property: none!important;

-o-transform: none!important;

-moz-transform: none!important;

-ms-transform: none!important;

-webkit-transform: none!important;

transform: none!important;

-webkit-animation: none!important;

-moz-animation: none!important;

-o-animation: none!important;

animation: none !important;

}

.et_animated {

opacity: 1 !important

}

}

Did this answer your question?