Mobile navigation closing on click, but not loading other pages on click

[BenRyan_me]

In the menu of the below website, there is on-page navigation and also navigation to other pages on the site. When I click the link to the section on the page, the mobile menu closes as it should and scrolls to the correct area. However when I click a link to another page like “Registry Style Weddings”, the menu closes but the requested page doesn’t load?

Kathleen The Celebrant - Engaging + Fun Weddings in Hobart and Tasmania

That is a look at the js I am using.

jQuery('.x-menu .x-anchor').on('touchend click', function() {
jQuery('.x-off-canvas').trigger('click'); }); 

Any assistance to fix would be much appreciated.

Cheers

Ben Ryan

[basanta]

Hi There,

Thanks for writing in!
This is a know bug and its already in our bug tracker, will be resolved in next release.
Meanwhile you can try this solution, given in this thread.

Navigation Collapsed one page

Hope this helps!

[BenRyan_me]

The js in the thread you provided is the same as what I’m using. Menu closes fine but doesn’t load links to other pages when on a mobile device. Can you confirm we are talking about the same thing?

[paul.r]

Hi,

You can try this code instead.

jQuery('.x-menu .x-anchor').on('touchend click', function() {
setTimeout ( function() {
   jQuery('.x-off-canvas').trigger('click'); 
}, 750 );

});

Hope that helps