Left side menu won’t stop highlighting sub menu.

Hi Dave,

I see what you mean. The Grandchild pages have the same background as the current page.

If you add the following CSS to your site it will style the grandchild pages to look like they are not the active ones

.advanced-sidebar-menu ul ul.children li a { border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; background: white; color: #111; } .advanced-sidebar-menu ul ul.children { background: white; border-top: 1px solid #eee; }

Please give that a try.

Have a great day!

Mat Lipe

Hi Dave,

If you enable accordions on the menu and add the following custom JavaScript to your site, the grandchild items will open when you hover over their parent.

jQuery(function ($) { setTimeout(function () { for (var $widget_id in asm_pro.accordion._enabled_accordions) { var el = $(document.getElementById($widget_id)) if (asm_pro.accordion._enabled_accordions[$widget_id]['include_parent']) { parents = el.find('> ul > li .has_children').has('ul'); } else { parents = el.find('ul .has_children').has('ul'); } parents.each(function () { var _parent_menu = $(this); _parent_menu.on('hover', function (ev) { var icon = $(this).find('> span'); icon.data('state', 'expand'); asm_pro.accordion._expand_sub_menu($(this), icon ); }); _parent_menu.on('mouseleave', function() { var icon = $(this).find('> span'); icon.data('state', 'contract'); asm_pro.accordion._expand_sub_menu($(this), icon ); }); }); } }, 1000); });

Hi Dave,

If you theme does not have an option to enter in custom JavaScript you may install a plugin which lets you do this.

Otherwise if you add the following code to your active theme’s functions.php file, it will work the same way.

<?php add_action( 'wp_head', 'hover_accordions' ); function hover_accordions(){ ?> .advanced-sidebar-menu .dashicons { visibility: hidden !important; } jQuery(function ($) { setTimeout(function () { for (var $widget_id in asm_pro.accordion._enabled_accordions) { var el = $(document.getElementById($widget_id)) if (asm_pro.accordion._enabled_accordions[$widget_id]['include_parent']) { parents = el.find('> ul > li .has_children').has('ul'); } else { parents = el.find('ul .has_children').has('ul'); } parents.each(function () { var _parent_menu = $(this); _parent_menu.on('hover', function (ev) { var icon = $(this).find('> span'); icon.data('state', 'expand'); asm_pro.accordion._expand_sub_menu($(this), icon ); }); _parent_menu.on('mouseleave', function() { var icon = $(this).find('> span'); icon.data('state', 'contract'); asm_pro.accordion._expand_sub_menu($(this), icon ); }); }); } }, 1000); }); <?php }

 

Have a great night!

Mat Lipe