One page mobile menu not working – Themeco Community

One page mobile menu not working

Dave K — Mon, 11 May 2015 16:36:51 +0000

I’m trying to set up a one page with anchors. I think I’ve done so but on the mobile menu, when selecting a menu item, the menu doesn’t close automatically. I’ve added some javascript to the customizer that I found on another support post but it isn’t working …

http://192.185.115.245/~geometrik/

Reply To: One page mobile menu not working

Nico — Mon, 11 May 2015 19:56:31 +0000

Hi There,

Thanks for writing in. As we checked your site, it is working well.

Would you mind sharing us your admin credential so we could take a closer look on your setup and share us also the added script that you added.

Don’t forget to set it as private reply.

Thanks.

Reply To: One page mobile menu not working

Dave K — Tue, 12 May 2015 11:01:16 +0000

It seems to be working for me now also … It must have been a cache issue.

Reply To: One page mobile menu not working

Thai — Tue, 12 May 2015 12:57:48 +0000

Great. Glad you’ve sorted it out.

Reply To: One page mobile menu not working

Dave K — Mon, 01 Jun 2015 21:19:52 +0000

So I’ve checked this on the iphone 6 and it does not close when I click on a menu item. Any suggestions?

Reply To: One page mobile menu not working

Christopher — Tue, 02 Jun 2015 10:27:26 +0000

Hi there,

Please add the following CSS under Customize -> Custom -> JavaScript :

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

Hope it helps.

Reply To: One page mobile menu not working

Dave K — Tue, 02 Jun 2015 14:44:13 +0000

That didn’t seem to work … the menu will not close when it is clicked automatically on the iphone. When I resize on the browser to mobile, it won’t work either.

Reply To: One page mobile menu not working

Christopher — Wed, 03 Jun 2015 05:30:31 +0000

Hi there,

I’m sorry, please try this code :

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

This one should work.

Thanks.

Reply To: One page mobile menu not working

Dave K — Fri, 05 Jun 2015 14:04:49 +0000

Hi, this still is not working on an iphone 6 … It works fine when I resize the browser on a desktop computer (Windows), but when testing it on an iphone 6, the menu does not close.

Reply To: One page mobile menu not working

Rad — Sat, 06 Jun 2015 06:40:42 +0000

Hi Dave,

It’s a bug betweem IOS and our theme, which I already forwarded as bug before. It seems like there is something that blocks the click event on IOS.

I even performed the simple test,

jQuery('.x-navbar .x-nav-wrap.mobile a').on('click',function(){ console.log('clicked');});

That should output ‘clicked’, but it’s not.

Please don’t use fixed positioning for your navigation for now.

Thanks!