I recently inherited a custom Shopify store and have been working through some bugs to create a more viable MVP.
At the moment, all nav bar elements work on desktop, but for some reason the one nav element ("EXPLORE") that does not have any children does not work on Mobile (please note this bug is not visible in the inspector and can only be replicated on an actual iPhone!).
I've tried a few different routes but can't seem to figure out where the disconnect is.
Preview links is as follows: https://n61g8j1vfcy515m0-44695715993.shopifypreview.com
@dahliaa I can see a lot of JS errors in the dev console. It could be something to do with the JS plugin that you're using for navigation specifically this line in your JS file:
TypeError: Cannot read property 'classList' of undefined at n (layout.theme.js?v=10508201567535050176:formatted:792)
line 792 is:
line 791>>> var e = t.querySelectorAll(".js-link"); line 792>>> t.querySelectorAll(".sub-open").classList.remove("sub-open");
Thank you! Yes the console has been freaking out with a lot of errors, but I'm more of a front end gal, so solving for this has been challenging.
Appreciate your input - any other advice you have to successfully solve for this would be great
Accompanying menu nav code:
As a reminder the "EXPLORE" link on mobile is the link that does not function. Thank you!