Shopify themes, liquid, logos, and UX
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
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
Yes I’ve replied to you there, please take a look.
2m ago Learn the essential skills to navigate the Shopify admin with confidence. T...
By Shopify Feb 12, 2025Learn how to expand your operations internationally with Shopify Academy’s learning path...
By Shopify Feb 4, 2025Hey Community, happy February! Looking back to January, we kicked off the year with 8....
By JasonH Feb 3, 2025