A user is experiencing an issue with collapsible content animations on their Shopify product page. The slide-up and slide-down animations work correctly on desktop browsers, including when resizing the browser window to mobile dimensions. However, the animations fail to display on actual physical mobile devices.
Another user initially thought the issue was resolved after checking the FAQ section, but the original poster clarified the problem persists specifically on real mobile devices versus desktop browser emulation.
Current Status: The issue remains unresolved with no solution provided yet. The user is seeking guidance on how to ensure the CSS/JavaScript animations function properly on actual mobile devices, not just in desktop browser responsive modes.
Hi, how can I add a smooth slide-up and slide-down animation for answers in a collapsible content section?
The animation works on desktop, even when I resize the store to mobile dimensions, but on an actual mobile device, there’s no animation.
How can I make sure the animation works on real mobile devices?
Here’s my store: https://timcreator.myshopify.com/products/editing-masterclass
(Just scroll all the way down to find the section)
Thanks for the help!
Tim
Hi, i just notice your faq section is working slide up slider down is it solved.
It works on a computer, but when you check it on an actual mobile device, it doesn’t.
If you open the store on a computer and switch to a mobile resolution, it still works, but on a real mobile device, it doesn’t. How can I apply it for mobiles too?