Mobile sub-menus not triggering

[prestige]

My menus are working as expected in the desktop view, but when I view the menu on mobile, clicking the topmost li node which has a class=”menu-item-has-children” just returns a blank href of # rather than opening the ul.submenu.

You can see this at justinbersuder.com/ppf/ (the password is prestige)

Also attached is a screenshot illustrating the exact element.

[prestige]

I have since found that you need to click the down carrot in order to expand the submenu. That’s not ideal – how can we make the entire li.node the trigger which expands the submenu? Specifically, users should be able to click “Our Services” in order to open the submenu.

[Veena]

Can you pls try the below custom CSS in themeoptions and see if it helps –

#mobile-menu ul li.menu-item:hover .sub-menu {
    display: block !important;
}

[Author]

Posts