(function($) { function setup_collapsible_submenus() { // mobile menu $('.mobile_nav .menu-item-has-children > a').after(''); $('.mobile_nav .menu-item-has-children > a').each(function() { $(this).next().next('.sub-menu').toggleClass('hide',1000); }); $('.mobile_nav .menu-item-has-children > a + span').on('click', function(event) { event.preventDefault(); $(this).toggleClass('menu-open'); $(this).next('.sub-menu').toggleClass('hide',1000); }); } $(window).load(function() { setTimeout(function() { setup_collapsible_submenus(); }, 700); }); })(jQuery);/*edit the Divi submenu*/ .dp_header_v05.et_pb_menu .nav li ul { margin-top:-10px; padding:0!important; box-shadow: 0 5px 30px 5px rgb(69 79 91 / 20%); border-top: none; text-align:left; border-radius:5px; }/*add point on top of the Divi menu submenu dropdown*/ .dp_header_v05 nav>ul>li>ul:after { position: absolute; left: 20%; margin-left: -20px; top: -14px; width: 0; height: 0; content: ''; border-left: 15px solid transparent; border-right: 15px solid transparent; border-bottom: 15px solid #ffffff; }/*edit the Divi submenu list items*/ .dp_header_v05.et_pb_menu .nav li ul.sub-menu a { padding:12px 0px !important; } /*edit the Divi submenu list items*/ .dp_header_v05.et_pb_menu .nav li ul.sub-menu a:hover { background:transparent!important; }.dp_header_v05 .nav li li:not(:last-child) { border-bottom: 1px solid rgb(0,0,0,0.1); }/*change Divi hamburger menu to X*/ .dp_header_v05 .mobile_nav.opened .mobile_menu_bar:before { content: '\4d'; }/*edit the Divi mobile menu*/ .dp_header_v05 .et_mobile_menu{ margin-top:10px; box-shadow: 0 5px 30px 5px rgb(69 79 91 / 20%); border-radius:5px; padding:0!important; }.dp_header_v05 .mobile_nav .menu-item-has-children > a { background: transparent; color: #000!important; }/**** Divi Mobile Menu Collapse Effect ****/ /**** This hides the sub menu items on mobile ****/ #page-container .mobile_nav li ul.hide { display: none !important; }/**** This adjusts the positioning and the background transparency of the parent menu item on mobile ****/ #page-container .mobile_nav .menu-item-has-children { position: relative; } #page-container .mobile_nav .menu-item-has-children > a { background: transparent; }/**** This styles the icon and moves it to the right ****/ #page-container .mobile_nav .menu-item-has-children > a + span { position: absolute; right: 0; top: 0; padding: 10px 20px; font-size: 20px; font-weight: 700; cursor: pointer; z-index: 3; }/**** Here you can swap out the actual icons ****/ #page-container span.menu-closed:before { content: "\4c"; display: block; color: #000; font-size: 16px; font-family: ETmodules; } #page-container span.menu-closed.menu-open:before { content: "\4d"; }