Scrolling long menu on mobile closes menu before user can click

For more clarity for the mobile menu clicking hamburger, opens the menu, clicking the menu item opens the sub menu items, but because there are 9 items the user needs to scroll to see bottom sub menu items, or get to the other main menu items, the scrolling towards the bottom causes the menu to close.

What is expected by the user is clicking hamburger opens mobile menu and clicking either a menu item or the page below the menu, or the hamburger menu closes the menu, not scrolling.

Hello,

Thank you for bringing this to my attention. The menu was originally designed to collapse on window resize, primarily for small devices. I have restructured this logic to improve the user experience. Now, in the Solo theme, menus will remain open on window resize and will only collapse when the layout changes according to the breakpoints set on your website. For example, the menu will collapse when switching from a small to a large layout and vice versa.

The updated code is currently live on the demo site, which features a long menu for testing. Feel free to try it out there and download the latest development version → .

Best Practice for Menu Behavior on Resize:
Do Not Collapse on Resize:

If the resize happens within the same layout range (e.g., resizing a desktop window without crossing a breakpoint).
Collapse Only When Passing Breakpoints:

If the screen size transitions from "big screen" to "small screen" or vice versa, collapse the menu to adapt to the new layout. For example:
On big to small: Collapse the menu and show the hamburger menu.
On small to big: Collapse the mobile menu and reset it to the desktop style.

Best wishes,
Alaa

Automatically closed - issue fixed for 2 weeks with no activity.