[Resolved] Slide Out Menu on Mobile Moving on Sides

[Mindy]

I have been trying to customize the menu a bit with css.

Something I did has made it so when viewed on mobile, if you click on a dropdown menu, then scroll/ drag, the menu can move left and right. https://goo.gl/6XK1FT

I would appreciate any help in figuring out how to stop this.

I have tried widening the menu with this and it did not solve the problem:

nav.slideout-navigation {
    width: 300px;
}

Thank you!

[Leo]

Hi Mindy,

Can you try wrapping all the CSS you’ve added in this to make it desktop only?

@media (min-width:769px) {
    CSS here
}

Thought I should also mention that you can build a menu specific for mobile menu structure if you want.

Let me know if this helps.

[Mindy]

Leo, that was a perfect fix, thank you!! 🙂

I would love to know more about building a menu specific for mobile, is there any documentation on that?

Thank you!!

[Leo]

You’re welcome 🙂

You would have to make a new menu then set it to Slideout Menu:
https://docs.generatepress.com/article/using-the-wordpress-menu-builder/#setting-a-theme-location

[Mindy]

Wow, that is so simple!! Thank you!!! 😀

[Leo]

You’re welcome 🙂

[Author]

Posts