Sidebar Menu nested at 2nd level

Hey!

Please add the below code in Enfold > General Styling > Quick CSS

.submenu-hide {
    display: none;    
}
.submenu-show{
    display: block!important;
}

Add the below code in functions.php

// Custom submenu
function custom_submenu(){
?>
<script>
jQuery(window).load(function(){ 
 var menu            = jQuery('#menu-item-170'),
     subMenu         = jQuery('#menu-item-170 .sub-menu li:has(ul)');

 subMenu.children("ul").addClass("submenu-hide");
 menu.find('li a').on('click', function(event) { 
var parent = jQuery(this).parent();
        if (jQuery(this).parent().is('li:has(ul)')) {
            event.preventDefault();
            parent.siblings().find('ul.submenu-show').removeClass('submenu-show');
            parent.find('ul:first').toggleClass('submenu-show');                        
        } 
});

});
</script>
<?php
}
add_action('wp_footer', 'custom_submenu');

Note: We could not test this code on your site as we do not have the credentials. Please create a temporary user with ‘administrator’ role and share in private content with permission to deactivate all plugins and add custom code if necessary to help you resolve this issue. We will also need FTP access just in case.

Best regards,
Vinay

• This reply was modified 8 years, 7 months ago by Vinay.

Hi,

I changed the code a bit, it should work now. 

Best regards,
Josue