Skip to content

Instantly share code, notes, and snippets.

Show Gist options
  • Save dividezigns/5140b7e3877d3d5c81d3996feec3b21d to your computer and use it in GitHub Desktop.
Save dividezigns/5140b7e3877d3d5c81d3996feec3b21d to your computer and use it in GitHub Desktop.
This code is 2 of 2 parts needed to nest sub menu items in Divi. Place this code in style.css file in your child theme directory.
<script type="text/javascript">
(function($) {
function setup_collapsible_submenus() {
var $menu = $('#mobile_menu'),
top_level_link = '#mobile_menu .menu-item-has-children > a';
$menu.find('a').each(function() {
$(this).off('click');
if ( $(this).is(top_level_link) ) {
$(this).attr('href', '#');
}
if ( ! $(this).siblings('.sub-menu').length ) {
$(this).on('click', function(event) {
$(this).parents('.mobile_nav').trigger('click');
});
} else {
$(this).on('click', function(event) {
event.preventDefault();
$(this).parent().toggleClass('visible');
});
}
});
}
$(window).load(function() {
setTimeout(function() {
setup_collapsible_submenus();
}, 700);
});
})(jQuery);
</script>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment