Archived topic
Mobile menu - when trying to scroll mobile, the background scrolls.
1 reply · Started by Joynal Abdin on May 23, 2020
Viewing posts 1–2 of 2
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?
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;
}
This archived topic is closed to new replies.
