Docs

[Andrei]

Hi Christopher,

I managed to solve the problem. Thank you!

[Andrei]

I don’t know why, when I access the menu from mbile, the menu doesn’t load as it should. It jerks somehow, it doesn’t open smoothly.

[Jade]

Hi Andrei,

I tried to open the mobile menu on my mobile and it seems to be sliding down smoothly. Can you try to clear the browser cache of your phone and see if it fixes the issue?

Thank you.

[Andrei]

Hi Jade,

I cleared the browser cache memory and it doesn’t work. Usually I access my website to see the changes from incognito mode. I attached a vide in which you can see what happens.

[Andrei]

Here is the video.

[Rue Nel]

Hello There,

To resolve this issue, please add the following css code in the customizer, Appearance > Customize > Custom > CSS

.site .x-nav-wrap.mobile.collapsing {
    height: auto !important;
}

.site .x-nav-wrap.mobile {
    transition: height 0.25s linear;
}

Hope this helps.

[Andrei]

Hey Rue, thank you, it works! Can you do the same thing for the submenu too?

[Andrei]

You can find it if you click on “Collections”.

[Rad]

Hi there,

Sub-menu is expanding and collapsing smoothly on my end. Do you mean disable the animation and display the sub items instantly when clicked? Currently, the mobile menu appears instantly without animation due to above CSS, is that what you’re trying to achieve? Instead of making smooth, just make it appear and respond instantly, right?

If yes, then please add this as well,

.x-active .collapsing {
  height: auto !important;
  }

Hope this helps.

[Andrei]

Hi Rad, thank you.

This is exactly what I was looking for. It works great when I activate the submenu, but when I deactivate it, it is still animated.

[Nabeel A]

Hi again,

You can add this code in your Customizer:

.collapsing {
  height: auto !important;
}

Let us know how this goes!

[Andrei]

Thank you Nabeel, it works!

[Joao]

Glad to hear it.

Joao

[Author]

Posts