How can I make a submenu open on hover instead of click?

Topic summary

A user seeks to modify their Shopify store’s menu behavior so submenus open on hover rather than requiring a click.

Proposed Solution:
Another participant provides step-by-step instructions:

  • Access Shopify admin: Online store > Themes > Edit code
  • Locate and open the theme.liquid file
  • Insert custom CSS/JavaScript code before the closing </body> tag
  • Save the file and test the store

Key Details:

  • The solution involves editing theme code directly
  • Screenshots are included to guide the implementation process
  • The modification requires basic familiarity with Shopify’s code editor

Status: A technical solution has been offered, but no confirmation yet on whether it successfully resolved the issue. The approach targets the theme’s liquid file to enable hover-triggered submenu functionality.

Summarized with AI on November 13. AI used: claude-sonnet-4-5-20250929.

Hi, I would like to have the submenu to open on hover, that I don’t have to click on it to open. Thanks

https://c31a31-2.myshopify.com/ pass: password


I hope you are enjoying it!

1 Like