Dropdown menu with hover effect and keep menu button as a link to category

[Groomify]

Hi,

I’m trying to set up a dropdown menu on my Shopify store where:

1. When hovering over a menu item (e.g., "Beard Care"), a dropdown appears showing subcategories (e.g., "Beard Oil", "Beard Brush", "Beard Shampoo").
2. If a customer clicks on the main menu item ("Beard Care"), they should be taken to the category page instead of just opening the dropdown.

Currently, the dropdown works, but clicking the main menu item only opens the dropdown and does not link to the category page. I want both functions to work simultaneously:

• Hover = Show dropdown
• Click = Go to category page

I’ve tried adjusting the Liquid and CSS, but I can't get it to work properly. Does anyone have a solution for this?

Thanks in advance!'

I'm using Dawn theme.

Best wishes,

Emil

[CodingFifty · Accepted solution]

Hi @Groomify,

Please follow this articale and this