Jump to content

Disable/Remove Overlay Menu Animation

Recommended Posts

Hello, I'm trying to figure out a way of disabling the subtle move–in–from–bottom animation that appears on mobile with the overlay menu. The white to black transition is fine, I'd just prefer the menu items not to move in.

Link to comment
  • Replies 7
  • Views 2.1k
  • Created
  • Last Reply

Top Posters In This Topic

4 minutes ago, rwp said:

.header-menu-nav-list {
  transition: none !important;
}
.header-menu-cta {
  transition: none !important;
}

 

You're incredible.

Link to comment
  • 2 years later...
On 1/2/2023 at 6:26 PM, DGSS said:
.header-menu-nav-list {
  transition: none !important;
}
.header-menu-cta {
  transition: none !important;
}

This is great, if you click the menu again it jerks down, how do you stop it doing that now you made it stop from clicking the menu, which works perfect, do you have a fix if you click the menu again so it doesn't jerk down, thank you so much.

 

What is site url? We can help easier

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment
  • 2 months later...
On 3/9/2023 at 2:50 PM, TianaW said:

Hello everybody,

I'm also trying to figure out a way to disable the mobile overlay menu and burger icon. I already tried a lot of css code that i found, but nothing seems to work. Can somebody help me? Thx! 

This is the link to my site: https://www.xited.be/

Disable Burger + Overlay Menu + Show button on right of header

Or disable all?

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

Contact Customer Care - Learn CSS - Buy me a coffee (thank you!)

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.