I am referencing a previous thread found here:
In which, several suggestions making use of jQuery are made… none of which worked for me. In fact, none of them did anything at all. I need (read, we all need) a solution to this ASAP.
The Problem:
An off canvas menu is in place for mobile devices. There are parent navigation elements which, when clicked, simply expand to reveal their children.
What should be happening is the click event should take the user to the URL assigned to that menu item - not just open the children under it.
Example navigation heirarchy scenario:
Store
- Books
- Audio
- Jewelry
- Accessories
In the desktop version of the menu, “store” clicks through to the main product archive which lists all products. But in the Collapsed mobile menu, clicking “store” only reveals the children under it. This is a gigantic UX problem and I honestly can’t believe it has not been addressed yet in a system this well made and thoroughly excellent.
Can someone please point me in the direction of a solution?
Thank you!
EDIT: Things I already tried from the other post:
