Solved

Remove entering animation from menu drawer

Leonpojen
Pathfinder
103 2 10

Hello, im using dawn theme and have built a custom hamburger menu with a horizontal drop down menu in computer view, and I have now have need some help with the last bit of coding. When you open the menu drawer there is an animation were it slides in from right to left. I want to remove this animation so that it just pops up without it. 

 

My store Url: https://23bc4a.myshopify.com/

 

Thanks beforehand.

 

// Leon

 

 

 

 

Accepted Solution (1)

PageFly-Victor
Shopify Partner
7865 1785 3074

This is an accepted solution.

Hi @Leonpojen ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for the  1 solution:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
.js details[open] > .menu-drawer{
    transition:unset;
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

View solution in original post

Replies 3 (3)

PageFly-Victor
Shopify Partner
7865 1785 3074

This is an accepted solution.

Hi @Leonpojen ,

This is Victor from PageFly - Landing page builder, I’d like to suggest this idea for the  1 solution:

Step 1. Go to Online Store -> Theme -> Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before </body> :

<style>
.js details[open] > .menu-drawer{
    transition:unset;
}
</style>

Hope my answer will help you.

Best regards,

Victor | PageFly

Leonpojen
Pathfinder
103 2 10

Thank you for your quick reply, this worked perfect!

BlankStudio
Excursionist
39 0 14

How can i make it fade-in and fade-out?