Docs

[cmelnik]

Hi,
I am using mixed navigation, scroll to section on home page and a nav link to another page. All seems to work correctly on everything but mobile.

The section scroll for on page works items works fine but when you choose the nav link to the other page it closes the menu window and will not work. Same when trying to come back from the other page to the home page.

Please let me know how to correct.

Regards

[cmelnik]

This reply has been marked as private.

[Rupok]

Hi there,

Thanks for writing in! That’s pretty expected because One Page Navigation supposed to work within single page. If you want to mix then you can provide full URL instead of just ID.

Cheers!

[cmelnik]

Hi,
I created the menu using long url to achieve the scroll. ex. http://imcgcreative.com/#service

That enabled the menu item to scroll to that section i.d.

I also have a separate page included in the menu. http://imcgcreative.com/theplan

On non-mobile menus, it works exactly as expected. Click on the menu item and it takes you to the section. Click on the menu item for the other page (The Plan) and it goes to that page. Click on the menu from The Plan page and it takes you back to the home page and to the section associated with that menu item.

On mobile the only aspect that works is the home page scroll to section. Mobile will not link to the other page and vice versa.

Seeing as how it works on non-mobile versions I would expect that it can be fixed to work on mobile???

Not sure what you mean by full url? The site is at http://imcgcreative.com

Thank you.

[Jade]

Hi there,

Would you mind providing us with login credentials so we can take a closer look? To do this, you can make a post with the following info:

– Link to your site
– WordPress Admin username / password

Don’t forget to select Set as private reply. This ensures your information is only visible to our staff.

[cmelnik]

This reply has been marked as private.

[Joao]

Hi There,

You could try testing for a plugin conflict. You can do this by deactivating all third party plugins, and seeing if the problem remains. If it’s fixed, you’ll know a plugin caused the problem, and you can narrow down which one by reactivating them one at a time.

Thanks

[cmelnik]

Hi,
I have tried deactivating all the plugins and there is no difference???

[cmelnik]

Is it possible to take a deeper look into why this is not working?

Thank you.

[Paul R]

Hi,

Please replace the code in your Custom > JS from this.

jQuery(document).ready(function($){
    $('.x-nav-wrap.mobile .x-nav a').on("click touchstart",function(){
        $('.x-nav-wrap.mobile').removeClass('in');
    });
});

Hope that helps.

to this

jQuery(document).ready(function($){
    $('.x-nav-wrap.mobile .x-nav a').on("click touchstart",function(){
    setTimeout(function () {
    $('.x-nav-wrap.mobile').removeClass('in');
    }, 500);
});
});

[cmelnik]

Brilliant! (Or at least much smart than me)

That worked great. Problem solved.

Best Regards

[Rad]

Glad to hear that and you’re welcome 🙂

[Author]

Posts