When using the mobile menu, after clicking to open a top level heading, you have to click ANOTHER top level heading to close the currently open heading. There isn't a way to click the currently open heading to re-close it.
Install the we_megamenu module and view the page on a mobile layout. Open the main menu and click a top-level heading to expand it. Click it again to see it doesn't close.
All top-level headings to be closed on-click, instead of having to click on another top-level heading. The current functionality is not intuitive and counter to how typical mobile menus work.
Active
1.0
Code
Below CSS will fix this issue.
.mobile-main-menu .we-mega-menu-ul.nav-tabs .open > div {
display: none !important;
}
.mobile-main-menu .we-mega-menu-ul.nav-tabs .clicked.open > div {
display: block !important;
}
I have made a approach to full-fill requirement and created MR!42.