Docs

[waterbarry]

I’ve a one page site.

I want the menu fixed at the top on mobile.

The problem is that the menu doesn’t collapse when an item is clicked. So it covers the page.

How can I get the menu to collapse when an item is clicked?

[Paul R]

Hi,

You can add this under Custom > Javascript in the Customizer.

jQuery(function($) {
$( ".x-navbar .mobile .x-nav li a" ).on( "click", function() {
     $('.x-btn-navbar').click();
});
});

Hope that helps.

[waterbarry]

That doesn’t seem to work for mobile. It looks like it’s a tap not a click.

[Thai]

Hi There,

Please try with this code instead:

(function($){
	$('.x-navbar .x-nav-wrap.mobile a').on('click touchend', function(){
		$('.x-nav-wrap.mobile').toggleClass('in').css('height', 0);
		$('.x-btn-navbar').toggleClass('collapsed');
	});
})(jQuery);

Hope it helps 🙂

[waterbarry]

That’s perfect. Thanks

[Thai]

You’re most welcome 🙂

[Author]

Posts