Mobile menu not working correctly

Created on 20 August 2024, 3 months ago

Problem/Motivation

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.

Steps to reproduce

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.

Proposed resolution

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.

Remaining tasks

User interface changes

API changes

Data model changes

🐛 Bug report

Status

Active

Version

1.0

Component

Code

Created by

🇺🇸United States jfurnas

Live updates comments and jobs are added and updated live.

Comments & Activities

Issue created by @jfurnas
Comment 20 days ago →
🇮🇳India ashokjey Chennai
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;
}

contrib.social Blog FAQ Discussions

Production build 0.71.5 2024