Mobile Menu – Not Showing Drop Down (sub pages)

Thanks, Ismail. That helped somewhat. The mobile menu expands however when clicking to expand the parent page automatically loads. I guess my question now is is there any differentiation on the burger menu between clicking on the parent page and expanding the submenu? Right now, the action appears to be two-fold with the parent page automatically selected while the submenu list expands. Viewers will end up on the parent page whether they want to or not.

As an example, open the website home page on mobile then expand the burger menu to show the Health Issues. You’ll find you are going to the Health Issues page while trying to view the submenu items. The menu collapses while the page loads, which forces the viewer to have to open the menu again.

Any further suggestions appreciated.

Yes, I had already added the second modification. To be clear, I copied the js/avia.js and placed it in the child theme folder. Below is the revised script for it. Is this correct? If so, the main parent menu item link is not disabled as expected.

//toogle hide/show for submenu items
$(‘.html_av-submenu-display-hover’).on( ‘mouseenter touchstart’, ‘.av-width-submenu’, function (e)
{
$(this).children(“ul.sub-menu”).stop().slideDown(‘fast’);
});

$(‘.html_av-submenu-display-hover’).on( ‘mouseleave touchstart’, ‘.av-width-submenu’, function (e)
{
$(this).children(“ul.sub-menu”).stop().slideUp(‘fast’);
});

//toogle hide/show for submenu items
$(‘.html_av-submenu-display-click, .html_av-submenu-display-hover’).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’);
}

});

• This reply was modified 7 years, 1 month ago by GWS.

Ismael,

I did as you asked and changed the avia.js in the parent theme using the same verified script. We still have the same issue with the parent page loading when trying to expand the submenu. Do you have any other suggestions? Thanks.