How can I create a hover dropdown menu with the Sense theme?

Store Design

Topic summary

A user wants to implement a hover-triggered dropdown menu in Shopify’s Sense theme but has been unsuccessful with various code attempts.

Solution provided:

  • First, add submenu items to their corresponding parent menu items in the theme settings
  • The submenu will automatically appear on hover once properly configured
  • Custom CSS can be applied to achieve specific dropdown effects (e.g., changing background color when hovering)

Key steps:

  1. Configure menu structure with parent-child relationships
  2. Apply CSS styling to customize the dropdown appearance

Screenshots were shared demonstrating the setup process and the expected hover behavior. The solution focuses on proper menu configuration rather than custom code implementation.

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

Hi.

I would like to have dropdown menu on hover. I’m using Sense theme. I tried different codes but nothing worked. Please help me. Thanks. Web:https://luxur-looks.myshopify.com/ pass:luxurlooks

2

Hi @noapaxx It appears that you are seeking a way to have a submenu appear when hovering over a main menu item. To do this, you must first add the submenu to its corresponding parent menu item Screenshot - To get the submenu item, you can easily select it when hovering over the parent menu. The dropdown will be modified according to your preference Screenshot

Conclusion: In my demonstration, I demonstrated that when the parent menu item was hovered over, the background color of the sub-menu changed., in your case To achieve a dropdown effect, you can apply CSS to the submenu by following the same steps.