Issue: On the Prestige theme’s mobile hamburger menu, top-level items that have submenus cannot be opened as links; tapping only expands the submenu. The goal is to make main menu items both clickable (navigate to their link) and able to toggle a dropdown.
Proposed solution: Edit theme code via Online Store > Themes > Edit code. Add custom JavaScript in theme.js to handle click events on parent menu links, toggling the dropdown when present and otherwise navigating to the link. Add CSS to show/hide the dropdown using an is-open class.
Technical details: JavaScript targets .mobile-nav__item--has-dropdown > a, toggles .mobile-nav__dropdown.is-open, and prevents default navigation only when a dropdown exists. CSS sets the dropdown’s display based on the is-open class. Code snippets are central to the fix.
Outcome: After implementing the changes, the behavior did not change; main menu items still only open the dropdown and do not navigate. Status: Unresolved; further troubleshooting is needed.
Hi there,
Thank you so much for the feedback and assistance.
I just tried to implement the changes and it didn’t make any difference, main menu is still doesn’t follow its assigned link when clicked. It still only opens the drop down to display the sub menu items.