Turn off Animations on Mobile in the Divi Theme

Sometimes animations can be problematic on mobile phones by slowing down the website responses and negatively affecting the user experience. To turn off animations and disable them on mobile devices in the Divi WordPress theme you can use some CSS combined with a media query.

You can add the CSS to your theme options inside the Custom CSS box. Don’t worry about it affecting your mobile menu animations as it doesn’t touch those.

@media (max-width: 480px) {	
	.et_pb_section, .et_pb_section *{
	animation:none !important;
	}
}

If you want to disable the animations on all devices, simply use the CSS code without the media query:

.et_pb_section, .et_pb_section *{
animation:none !important;
}

A tip of the hat to CSSDorks for their post on how to disable animations in Divi.