On my website, I have a drop down menu under the “Shop” page in my site header. I have added custom code to ensure I can hover over it, instead of clicking to reveal the menu. However, I would also like to add a feature that allows a site visitor to click on the “Shop” heading and be directly taken to my “All Products” collection where they can view all of my product options. Any ideas on how to add this feature in? I have linked my site below so you can see how it operates!
Topic summary
A user is trying to modify their Shopify site’s navigation so that the “Shop” menu item serves dual purposes: hovering reveals a dropdown menu (already implemented via custom code), while clicking redirects to an “All Products” collection page.
Current Issue:
- Custom hover code is working, but clicking “Shop” only reveals the dropdown instead of redirecting to a page.
Proposed Solutions:
- The simplest approach suggested is duplicating the top-level “Shop” item as an entry within its own submenu.
- Alternative solutions would require examining the specific theme and custom code used.
Additional Concerns:
- A warning was raised about ensuring hover menu code doesn’t break keyboard navigation, which would harm site accessibility.
- More context needed: store URL, theme name, and the specific custom code being used to provide detailed assistance.
I have my code currently set as this. But when i click my shop page, I am not redirected anywhere, the dropdown menu is just revealed.
Make sure whatever code was used for hover menus does not also break any keyboard navigation of the menu thus breaking a sites accessibility.
Hi @creativebp8 the simplest fix is really to just duplicate the top level item as an entry in it’s own submenu.
Otherwise your asking someone to root around in a customized theme with no specifics on the code that was used AND then also improve it for you.
If you need paid customization services then contact me.
Contact info in forum signature.
ALWAYS please provide context, examples: store url, theme name, post url(s) , or any further detail in ALL correspondence.