Close mobile Menu on Anchor Link

[michaelmaeder]

Hi all,

I would like to use a scroll link (anchor link, lets say href="#footer") in the menu. This works great in desktop, but in mobile the mobile menu does not close, as it is a custom menu item, not a page menu item.

Is there a solution to this? Can anyone give me pointers on the menu API, so I intercept the click on that menu item and close the menu?

Thanks!

[michaelmaeder]

I have come up with this relatively hacky way to close the mobile menu, if a link is clicked that has a hash for #footer. this is in the header html section, that can be added through the lay theme settings:

<script>
jQuery(document).on("click", "nav.mobile-nav li a", function(event) {
	if(event.currentTarget.hash)
	if(event.currentTarget.hash==="#footer")
	{
	    jQuery("div.burger.burger-default.mobile-menu-icon").removeClass("active");
        jQuery("body").removeClass("mobile-menu-open");
        jQuery("nav.laynav.mobile-nav").removeClass("active");
        jQuery("nav.laynav.mobile-nav").css({height:"0px"});
	}
});
</script>

[mariusjopen]

Dear @michaelmaeder
nice! That's the way.

Best!

Marius