"Mobile" Menu not scrolling on non-mobile devices

[etchandco]

Hi there,
I have my menu collapsing to the mobile menu version when it gets to a certain screen size so that it doesn’t go to a second line. However outside of when on a mobile device we have found that it isn’t scrolling to show the rest of the menu and instead you can see the page itself scrolling behind it.

Is there something that am missing in order to stop this from happening and allowing the menu to properly scroll on non-mobile devices? Or an alternative option/solution so that the menu doesn’t go to two lines when it appears on a smaller screen?

Website is - https://mamadisrupt.com/

Cheers,
Nat

[ruenel]

Hello There,

Thanks for writing in! To resolve your issue, please add this code to your custom css

.x-navbar.x-navbar-fixed-top {
    height: 100%;
    overflow: scroll;
}

Please let us know how it goes.

[etchandco]

Thanks heaps! I have added it and while it has resolved the issue to some degree (you can scroll the collapsed menu) - now the main page itself is doing odd things when you scroll down and practically disappears until you scroll back to the top.

[paul.r]

Hi,

You can try this code instead.

.x-nav-wrap.mobile {
    max-height: 400px;
    overflow-y: scroll;
}

Hope that helps.