How to add animation on mobile?

How to add animation on mobile?

CreatorTim
Explorer
408 1 55

Hey guys, how can I add a smooth slide-up and slide-down animation for the collapsible content on mobile?

 

I’ve already added the animation via CSS on desktop, but it only works on desktop. I tried adding it through JavaScript on mobile, but it behaves a bit weird.

 

Here’s the link to my store: https://1049xn-ya.myshopify.com/products/editing-masterclass
(Just scroll all the way down, that's where the collapsible content section is.)

 

You’ll also maybe need to check it on an actual mobile device because when you view it in the browser’s mobile version, it will show the desktop animation.

 

Thanks a lot, I’d appreciate the feedback.
Tim

Replies 2 (2)

mageplaza-cs
Shopify Partner
314 22 52

Hi @CreatorTim,

Is this the same issue with this topic ? Please check my answer 🙂

Mageplaza | Top-Rated Shopify Agency | Trusted by 230,000+ worldwide merchants


If our suggestion works for you, please give it a Like or mark it as a Solution!


Should you have any questions or concerns, feel free to contact us via consultant@mageplaza.com

CreatorTim
Explorer
408 1 55

 Yes I’ve replied to you there, please take a look.