Remove mobile menu opening animation

Digital_Imran · ‎12-10-2024

Hello 🙂 , I am using the Impact theme. When I open the main menu on mobile, it slides up from the bottom (with an animation). However, I would like to remove this animation and have the menu display instantly, similar to how it works on this website threadheads.com, which also uses the Impact theme.

My store URL: corecxfashion.myshopify.com

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.

Viktor_Shtodler · ‎12-10-2024

Hi,

Great website.

To disable the animation delay in the Impact theme, go to:
Theme settings → Animation and check Reduce drawer animation.

Also, if you wish your mobile menu to be full-screen like on threadheads.com, add height: 100%; to the variable .navigation-drawer in the theme.css file.

Good luck.

If this post was helpful, give it a like to help others with the same issue!
You can reach me at: v.shtodler@gmail.com or www.buildshopify.store

View solution in original post

Viktor_Shtodler · ‎12-10-2024

Hi,

Great website.

To disable the animation delay in the Impact theme, go to:
Theme settings → Animation and check Reduce drawer animation.

Also, if you wish your mobile menu to be full-screen like on threadheads.com, add height: 100%; to the variable .navigation-drawer in the theme.css file.

Good luck.

If this post was helpful, give it a like to help others with the same issue!
You can reach me at: v.shtodler@gmail.com or www.buildshopify.store

Digital_Imran · ‎12-12-2024

Thank you so much @Viktor_Shtodler it works

Problem Solved? ✔Accept and Like solutions to help future merchants.

Do you need high converting Shopify store? with customized graphical banners, hire me.
Message me now to get started. My response time is lightning fast.

Remove mobile menu opening animation

Remove mobile menu opening animation

Community Blog Articles