How to add animation to the footer

Store Design
, , , , , , , , ,
1

Hey guys, I made my menus in the footer work as collapsible content on mobile, and now I want to add a smooth animation for expanding them.

Under “STORE,” there’s already an animation, but under “LEGAL,” there isn’t any. Maybe it’s enough to apply the same animation from “STORE” to “LEGAL.”

Here’s a store where it works well on mobile, so I’d like a similar animation: https://tomnoske.store/collections/all-products (Check it out in the mobile version)

And here’s my store: https://1049xn-ya.myshopify.com/collections/all
(Check it out in the mobile version)

WANT IT ONLY ON MOBILE!

If needed, I can provide the code I added at the end of the footer.liquid file to make it work as collapsible content.

Thanks so much for your help,
Tim

1 Like
2

Hi @CreatorTim

You can refer to this link for more information:
https://www.w3schools.com/css/css3_animations.asp

I hope this helps

Best,

Daisy

3

Hey, thanks for the feedback, but I’m not a professional at this. Can you help me with it?

I didn’t quite get it.

Thank you,

Tim