Remove mobile menu opening animation

Store Design
, , , , ,

Topic summary

Goal: Remove the slide-up animation on the mobile main menu in the Shopify Impact theme so the menu appears instantly, similar to threadheads.com.

Key solution:

  • In Theme settings → Animation, enable “Reduce drawer animation” to eliminate the animation delay on the mobile navigation drawer (slide-in panel).

Optional enhancement:

  • To make the mobile menu full-screen like the reference site, add CSS in theme.css: set .navigation-drawer { height: 100%; }.

Notes:

  • A screenshot was shared to illustrate where to adjust the animation setting, but the steps above are sufficient.

Outcome:

  • The change resolved the issue; the menu now opens without animation. The thread is resolved with no outstanding questions.
Summarized with AI on December 12. AI used: gpt-5.
1

Hello :slightly_smiling_face: , 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

2

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.

Viktor_Shtodler_0-1733842246089.png
Viktor_Shtodler_0-1733842246089.png1799Ă—1652 445 KB

3

Thank you so much @Viktor_Shtodler it works