Disable Site-Wide Animations in Mobile Only

Hi all,

I'm wondering if there's a way to disable animations for mobile views only with CSS? Or would this require JS? 

My best,

Mary Alice

I think CSS is enough. I used to use CSS to disable Animation on Footer

What is your site url? We can check easier

And disable for entire site or which element?

Hi Tuan,

www.gracemysticsanctuary.com is the URL

On 3/3/2023 at 4:12 AM, M_Fancy_Sites said:

Hi Tuan,

 

www.gracemysticsanctuary.com is the URL

Disable on all pages, on mobile only. Is that right?

Yes

On 3/6/2023 at 11:43 AM, M_Fancy_Sites said:

Yes

Try adding to Design > Custom CSS

@media screen and (max-width:767px) {
body * {
transform: unset !important;
    opacity: 1 !important;
    transition-delay: unset !important;
    transition: unset !important;
}
}