Hover to expand menu options DAWN theme

Topic summary

Goal: Change the Shopify Dawn theme header so dropdowns open on hover (site: carcleansweden.se), not on click.

Proposed fix: Add a script in theme.liquid that attaches hover listeners to .header__menu-item.list-menu__item and toggles the parent element’s open attribute on mouseenter/mouseleave to show/hide the submenu.

Outcome: After adding the code, the submenu closed when moving the cursor toward its options (image provided indicates the dropdown disappears upon hover toward child items). This suggests interaction/hover handling issues with the dropdown state.

Action taken: The helper requested collaborator access; the store owner shared the collaborator code and approved the request. The helper reported the issue resolved, and the owner confirmed at that time.

Current status: The owner later reported the behavior stopped working again (“it doesn’t work again”). No further technical details or final resolution are posted. Discussion remains open with the key issue unresolved and potentially intermittent.

Notes: Images and the provided JavaScript snippet are central to understanding the problem and attempted fix.

Summarized with AI on December 12. AI used: gpt-5.

Thank you but now when I try to hover the options below the menu disappears: