If you build a menu with submenus where the parent menu is a custom link containing a hash (#) as link target, the submenu won’t toggle (open) if you click on the parent (the burger menu setting is ‘display submenu items on click’).
The submenu toggles as intended if the parent menu item is a page or contains a local target like #top.
The issue stems from avia.js starting from line 1861
//toogle hide/show for submenu items
$('.html_av-submenu-display-click').on( 'click', '.av-width-submenu > a', function (e)
{
e.preventDefault();
e.stopImmediatePropagation();
var clicked = $(this), parent = clicked.parents('li').eq(0);
parent.toggleClass('av-show-submenu');
if(parent.is('.av-show-submenu'))
{
parent.children("ul.sub-menu").slideDown('fast');
}
else
{
parent.children("ul.sub-menu").slideUp('fast');
}
});
The on.click event simply does not trigger if the anchor contains only the hash
<a href="#"> does not trigger on.click
<a href="#top"> does trigger on.click
Hey Michael,
We are working ( well it is actually solved ) and Kriesi will do release a fix for those issues this week.
We appreciate the deep debug although! :)
Best regards,
Basilis
I’ve just had the same experience. Worked out what I thought the issue was by looking at the pattern of non-functional links in the menu. Nice ot know what caused it, and that in future will be able to go back to using only # in the menu links :-)