How do i make it so the menu drops down when I hover the mouse over it instead of only when I click it?

Glad to help! Could you please mark it as an accepted solution?

For me the header won’t remain hovered when I move mouse, unsure why I have tried all code suggestions in here but can’t seem to make it stick.

Hello - thankyou this worked for me when I hover but it closes before I can click. Any tips?

Hello, same for me. - Tried several codes. Once you hover and move your mouse the drop-down menu instantly disappears, have you found a solution?

@iamtess @prophecy Hello, the problem can arise when there is a significant distance between the menu item and the dropdown container. Whenever the user hovers over the menu item, the dropdown (ul) appears, but if the user moves toward the dropdown menu, there might be a gap between the link and t…

Thankyou @kusimo I will give this a try. :victory_hand:

Hello and thanks, On Dawn 7.0.1 hover works but when try to click a Subcategory it dissapears, any help? Best,

I’d like to give an update as I had to remove this line of code, it worked on desktop but I noticed that my mobile menu would not show any of the sublinks. Rather than play with it further, I removed the code. If there is a way to make sure it works on mobile too I’d love that!

Hello, on desktop it works like magic but in the same time crashes on the mobile. I can’t click on anything because there is not anything… *Everything worked correctly before I applied this code. How to fix this problem? Thank you! Kind regards

Hi, Can you help me with the update code for Shopify Dawn Theme 9.0.0? While using the above code, I am getting an issue while hovering on the menu links, when I scroll down to the sub menu, the whole thing vanishes.

Dawn Theme - How to add the ability to hover over dropdown in navigation menu without clicking

Store Design

iamtess February 17, 2023, 4:21am 30

Thankyou @kusimo I will give this a try.

Topic		Replies	Views
Dawn Theme - creating hover menu with clickable parent menu Shopify Discussion troubleshooting , shop-performance	10	287	December 6, 2024
Dawn Theme - How to get drop down menu on hover instead of click? Store Design	18	324	July 30, 2024
Why won't my dropdown menu display automatically on hover? Store Design design , shopify-themes	11	103	November 27, 2023
How can I fix the disabled link in Dawn theme's main navigation dropdown? Store Design	55	496	July 1, 2023
Open drop down menu on hover in latest Dawn theme Store Design design , header , customizations , landing-page , css , shopify-themes , troubleshooting , product-page	2	84	June 21, 2025

Dawn Theme - How to add the ability to hover over dropdown in navigation menu without clicking

Related topics