Mobile menu toggle submenu

[hentsch]

Hi Elias,
Isn’t it exactly what happends with my second solution ?
Have a look here for an example (with a mobile device of course 😉 : https://mouskif.ch/voyages-camps/yoga-escalade/
Vincent

[David Martin – Support]

Thanks @Vincent for sharing the snippets.

[3lias]

Vincent, almost. Your solution is made of a main-menu (with no content/link to open a site) and submenus with content/links to a specific page. The menu I have will open a site when clicking at the main-menu link. I hope this makes sense to you. Maybe the snippet needs just a small adjustment so it will work also in my case.

[hentsch]

ok, perhaps just like this :
Just put it in custom JS of theme options

jQuery(document).ready( function ($) {
	$( "#mobile-menu ul.sub-menu" ).not( ".current-menu-ancestor > ul.sub-menu" ).hide();
});

with this in custom css to be more visible :

#mobile-menu .menu li.current-menu-ancestor > a, #mobile-menu .menu ul li.current-menu-ancestor > a, #mobile-menu .menu ul li.current-menu-item > a {
    background-color: #313131!important;
}

[Rui Guerreiro – SUPPORT]

thanks @hentsch

-Rui

[3lias]

@hentsch Thanks for your code which works for sub-menus very good but if there is a initial click at a main-menu item (which has sub-menus) the submenu is not displayed unless one of the sub-menu sites have been opened. See image below.

Any idea what to add to the code?

Attachments:

You must be logged in to view attached files.

[David Martin – Support]

@3lias – your question might be better answered on Stackoverflow or by hiring a developer to assist you further.

Thanks.