Storefront Burger Menu closes very slow

Hi there @graywoo,

Thanks for reaching out to us about the Storefront mobile menu!

Just to make sure we’re on the same page, I had a look at my test site and I think I see what you’re describing.

It seems the menu open almost instantly but there’s a bit of a delay when closing it. Here’s a screen recording I made of the problem:

Link to image: https://d.pr/i/gOBOHB

I’m not seeing any bugs reported, so I suspect this behavior might be expected.

Can you please confirm my test site has the same issue as what you’re seeing on your side?

Thank you!

Hi @wpniall!

Yes! Same behavior! I understand that this is how it works oob, but this delay is so unnecessary, it’s more uncomfortable on live system that in your GIF, just not good UI that annoyed users.

Any ideas how to change this?

• This reply was modified 2 years, 10 months ago by graywoo.

Hey @graywoo,

Yes! Same behavior! I understand that this is how it works oob, but this delay is so unnecessary, it’s more uncomfortable on live system that in your GIF, just not good UI that annoyed users.

The delay is coming from the time it takes for the menu slide-up animation to begin and complete.

One way to avoid any delay would be to disable the animation which you can do by adding the following CSS to your website in Appearance > Customise > Additional CSS

.handheld-navigation, .nav-menu, .main-navigation div.menu>ul:not(.nav-menu) {
  transition: none !important;
}

I hope that helps!

Kind regards,

Hi there @graywoo,

I hope you managed to remove the delay on your site. We haven’t heard back from you for a while, so I’m going to mark this post as resolved.

If you need any further help here, please let us know. Or, if you need additional help with the Storefront theme, please start a new thread and we’ll be able to help you out there.

Thank you!