[Dave KParticipant]

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/

[NicoModerator]

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.

[Dave KParticipant]

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

[ThaiModerator]

Great. Glad you’ve sorted it out.

[Dave KParticipant]

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

[ChristopherModerator]

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.

[Dave KParticipant]

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.

[ChristopherModerator]

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.

[Dave KParticipant]

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.

[RadModerator]

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!

[fused180Participant]

Hey there …is there any solution on this? We are running into the same issue.

j

[Paul RModerator]

Hi J,

You can try this code

(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 that helps.

[Author]

Posts