[Support request] Mobile menu – when trying to scroll mobile, the background scrolls.

[Romeo]

So the dilemma is as follows: The mobile nav has many links. So when expanding one of the links, that is at the bottom of the meny, not all nav-links are shown. And you can not scroll to show it. Instead, when you scroll the mobile menu, what is actually happening is: The background is being scrolled. I’ve set the menu to 9999 in z-index. What am I missing?

[David]

Hi there,

for Long menus we recommend using the Off Canvas panel on mobile:

https://docs.generatepress.com/article/off-canvas-panel-overview/

OR you can try adding this CSS:

.main-navigation.toggled .main-nav>ul {
    max-height: calc(100vh - 60px);
    overflow-y: scroll;
}

[Author]

Posts