Is anyone else having issues with Navigation menus with more than one link not loading when on mobile? Links work fine in full screen. When it gets compressed some menu items dont show up and at times its also unclickable. Seems tempormental and im not sure what triggers causing it to work/not work. I've also tried mobile chrome and safari and both have these issues an I can replicate the issue on desktop if I make the window smaller.
Liam here from Shopify - thank you for your question :)
Great to see you are looking to optimise your mobile site so let's see how we can fix this. Before I troubleshoot this further I will need a few more details:
Once I have this info I'll be able to find a possible solution for you :)
Hope this helps Matthew, if you have any other questions, just let me know!
I was having the same problem with the Debut theme on mobile. I did some research on Google and here's how to fix it:
In the theme.scss.liquid file, around line 4211, add the following line "z-index: 300;"
@include transform(translate3d(0, -100%, 0));
This fixed the issue for me - all links in the menu on mobile are now clickable.