A Dawn theme user created a custom hamburger menu with horizontal dropdown functionality and wants to remove the default slide-in animation from the menu drawer.
Problem: The menu drawer currently slides in from right to left when opened. The goal is to make it appear instantly without animation.
Solution provided:
</body> tag to disable the animationOutcome: The original poster confirmed the solution worked perfectly.
Follow-up question: Another user asked how to modify the code to create fade-in/fade-out effects instead of the slide animation. This question remains unanswered.
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
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 :
Hope my answer will help you.
Best regards,
Victor | PageFly
Thank you for your quick reply, this worked perfect!
How can i make it fade-in and fade-out?