DU Header nested sub menus Style (

Hi

How would I go about nesting the submenu items on mobile so you have to click the little x or + to reveal the sub-menus?

I have tried this but it does not seem to work.

<style type="text/css">
header .et_mobile_menu .menu-item-has-children > a { background-color: transparent; position: relative; }
header .et_mobile_menu .menu-item-has-children > a:after { font-family: 'ETmodules'; text-align: center; speak: none; font-weight: normal; font-variant: normal; text-transform: none; -webkit-font-smoothing: antialiased; position: absolute; }
header .et_mobile_menu .menu-item-has-children > a:after { font-size: 16px; content: '\4c'; top: 13px; right: 10px; }
header .et_mobile_menu .menu-item-has-children.visible > a:after { content: '\4d'; }
header .et_mobile_menu ul.sub-menu { display: none !important; visibility: hidden !important; transition: all 1.5s ease-in-out;}
header .et_mobile_menu .visible > ul.sub-menu { display: block !important; visibility: visible !important; }
</style>

<script type="text/javascript">
(function($) {

function setup_collapsible_submenus() {
var $menu = $('header .et_mobile_menu'),
top_level_link = 'header .et_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>

 

Works perfect for the mobile menu, but the dropdown on the desktop does not work?

 

Okay so I have tested it and I seem to have found the problem, as soon as you change the border settings and make the corners rounded the dropdown disappears from the desktop view. It is starting to look like there is way too many compatibility issues with the new Divi theme builder and your plugin at this stage for it to be of use without bugs and issues.