No scrolling up once sublinks opened

[zero_to_one]

Hey there,
if you open my collapsed menu, click on a link to access the siblings and scroll down you won’t be able to scroll up when your finger is moved above the menu. Can you replicate this issue by opening my page on a mobile device?
thanks for your help

[rad]

Hi @zerotoone.de,

Thanks for reaching out.

I think it’s related to your other thread,

Make navigation collapsed have the same animation as navigation Dropdown

Christian suggested to use navigation collapsed or layered for that reason, the drop down works the same as desktop menu and not the mobile menu. And similar to the desktop’s drop-down, its height increases as you open the submenu hence covering the area and you won’t be able to click the other items since it will follow your screen position as you scroll. And that creates an illusion that it won’t scroll.

Then you customized your existing collapsed and layered menu to make it looks as your drop down, now it functions the same as the drop down along with scroll and positioning issues. If only your menu has few items then drop down will still good for mobile.

I recommend using the collapse and layer navigation without any customization.

Thanks!

[zero_to_one]

OK thats weird, the custom styling shouldn’t influence the scrolling properties in any way. only thing that was really changed was the padding.

.my-menu .x-off-canvas-content { 
padding: 0 !important;
bottom: auto;
top: 90px; 
right: 20px;
}

[christian]

This could be related to touch scroll bug where the content is scrolled rather than the modal or off canvas. Regretfully, there’s currently no solutions to this other than to currently avoid long content in modals and off canvas. The Navigation Layered would be the better choice for this since it only shows the sub-menus unlike the Navigation Collapsed which expands the menu.

Thanks.