How to remove the menu mobile drawer animation (Atelier Theme)

Store Design
1

I want to remove the animation where links are revealed one by one.

2

That animation effect is usually controlled by CSS/JS in your theme. You can turn it off by overriding the animation styles

  • In Edit code → Assets → base.css (or theme.css), add:
a, .link, .nav-item {
  animation: none !important;
  transition: none !important;
}
  • Save and refresh the links will load instantly instead of revealing one by one.

If your theme has an Animations setting in the Theme Editor, you can also just disable it there.

3

@PM999 can you please share your website link?

4

You mean in mobile menu drawer?

Add this code to the “Custom CSS” of the header section:

header-drawer .menu-drawer-container[open] .menu-drawer__animated-element {
  animation: none;
}