Shopify themes, liquid, logos, and UX
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
Solved! Go to the solution
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
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
Thank you for your quick reply, this worked perfect!
How can i make it fade-in and fade-out?
Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025