How do you give a mega menu dropdown animation?

Store Design
, , ,
1

I’m thinking of something similar to the menus on this site: https://sundae.school/

Thanks for any help!

2 Likes
2

Hello @TPK1337
Our team is ready to help you.
Please share your website URL so that we can check and assist you.

3

Hi, how do I do that? Right now it’s just this: https://6saj4i-d5.myshopify.com/?_ab=0&_fd=0&_sc=1

1 Like
4

Your site is password protected. Please share the password with me so I can check it.

5

the password is teeyon

6

Hi, are you still there?

7

Hello @TPK1337 ,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset > base.css and paste this at the bottom of the file:
details[open="true"]:after {
    content: "";
    position: absolute;
    padding: 26px;
}
body header-menu .mega-menu_content {
    transition: all .7s ease-in-out;
}
8

Hey, unfortunately this didn’t work. Any other ideas? I’ve put the code in if you want to see what it does now instead.