Mobile Off Canvas Menu not displaying submenu links

Hi. I have two collapsed nav menus - one on home page ane the other on pages header. I have the following js added to my global js under customize (per previous ticket) as follows (https://mysalus.org)

jQuery(document).ready(function($){
$(’.x-off-canvas .x-anchor-menu-item .x-anchor-text’).on(‘touchend click’, function(e) {
var link = $(this).parents(’.x-anchor-menu-item’).attr(‘href’);
window.location.href = link;
});
});

The weird thing is that my home page collapsed menu works well, but my pages off canvas (collapsed) menu only follows the top links and does not display the sub-menus. I believe I have both off-canvas elements set the same.

Thoughts?

Thank you

Hello @dsthompson,

Thanks for writing in!

I have checked your site in smaller site and I could not replicate the issue.
I am seeing this:

Could you please explain further and maybe send us some screenshots?

Thanks.

Hmm … seems to work fine on browser mobile emulation but not on my phone - android moto 6. So guess it’s my phone?

Thanks for your help

You are most welcome!

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.