Automatic hide mobile Menue - JF Event Up - Joomla Templates

Welcome, Guest

TOPIC: Automatic "hide" mobile Menue

Automatic "hide" mobile Menue 28 Feb 2016 18:05 #8307

Dear @ All from Hamburg / Germany.

I have a last issue before I buy the Template.

Is it possible to hide the items of the mobile menue after clicking a item.

For example, I click on my mobile medue, it shows me the menue items. Then I choose "gallery" (for explample), the page open but the menu items are still shown. Is it possible to open a Item and the menue items will hide automaticly again? The visitor always has to click the mobile menue button manually to hide the items.

Thanks

Reply Quote

Posts:6
weissbrot1887
Fresh Boarder
OFFLINE
Karma: 0

Re: Automatic "hide" mobile Menue 04 Mar 2016 04:05 #8347

Try to add this code into templates/jf_event-up/scripts/js/template.js at line 51:

$('.nav-collapse').collapse('hide');

After adding, it look like:

 
menuItems.click(function(e){ 
	$(".navigation ul.nav > li").removeClass('active');
	$(this).parent().addClass('active');
	var href = $(this).attr("href"),
		offsetTop = href === "#" ? 0 : $(href).offset().top-topMenuHeight+12;
	$('html, body').stop().animate({ 
		scrollTop: offsetTop},{
		duration: 500, 
		easing: 'easeOutCubic',
		complete: window.reflow
	});
	$('.nav-collapse').collapse('hide');
	e.preventDefault();
});