Divi Slide-in Menu: Automatically Open the Submenu for the Current Page

|

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>

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

Submit a Comment

Comments are manually moderated and approved at the time they are answered. A preview is shown while pending but may disappear if your are cookies cleared - don't worry though, the comment is still in the queue.

Your email address will not be published. Required fields are marked *.

We may earn a commission when you visit links on our website.