Adding animation to sub menu item

Adding animation to sub menu item

CreatorTim
Explorer
408 1 55

Hi, In the header on mobile, I have a sub-menu under the menu item PRODUCTS, and I want to add a smooth animation so that when I click the plus/minus icon, the sub-menu slides in and out smoothly.

CreatorTim_0-1738098681903.png

 

Want it exactly like it works on this store: https://tomnoske.store/

 

Here’s my store: https://1049xn-ya.myshopify.com/

 

This is for mobile only!

 

Thanks a lot, I’d really appreciate the help.
Tim

 
Replies 2 (2)

ShakhawatArafat
Shopify Partner
57 12 20

This is because of the CSS properties: transition: opacity 1s ease, height 0.5s ease, visibility 0s;. Let me know if you need me to implement this.

CreatorTim
Explorer
408 1 55

Hi, yes please. Could you provide me with the code for the animation?