Off-canvas content, trigger xToggleState

My clients are somehow unhappy with the necessity to close the off-canvas menu manually and would prefer if it would close automatically on click on a menu item. I have a hard time finding out how to do that as I think there’s no unminified js-file where I could see what’s going on behind the scenes. Would be nice if someone could point me into a direction on how to hook into off-canvas-menu show/hide functionality?

Hi There,

Please try adding this custom JS under Theme Options > JS:

jQuery(function($) {
	$('.x-menu li.menu-item a.x-anchor').on('click touchend', function(event) {
		var button = $(".x-off-canvas-close");
		if( button.length > 0 ){
			button.trigger('click');
		}
	});
});

Hope it helps :slight_smile:

works perfectly, thanks a lot!

On behalf of my colleague, you’re welcome. Cheers! :slight_smile:

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.