The Divi theme lets you select from various header menu formats, including a slide-in menu. Normally the slide-in menu will have only the top level links displaying, with all submenus closed. If instead want the slide-in menu to start with the submenu of the current page already open, here's how to do it.
Automatically opening the current submenu using jQuery
There isn't currently an option within Divi to automatically open the current page's submenu, but you can enable this behavior by adding the following jQuery code to your site:
<script>
jQuery(document).ready(function($) {
$('#mobile_menu_slide').find('.current-menu-ancestor,.current-menu-item').filter('.menu-item-has-children').find('.et_mobile_menu_arrow').click();
});
</script>Related Post: Adding JavaScript / jQuery to Divi.
You can add this at:
Divi > Theme Options > Integrations > Add code to the head of you blog
Once added, whenever you are on either the page corresponding to a top level link with a submenu, or a page corresponding to a submenu item, that submenu will be opened automatically.
0 Comments