Hi experts, I need help with the header menu in the Horizon theme

Store Design
,

Topic summary

A user is seeking help customizing the header menu in Shopify’s Horizon theme for desktop display. They want to implement four specific features:

Desired customizations:

  • Add caret icons next to menu items with sub-menus to indicate dropdowns
  • Make dropdown widths adjust dynamically based on content length (currently fixed-width)
  • Apply underline styling to menu items on hover/focus for visual feedback
  • Change parent link behavior so clicking reveals the sub-menu instead of navigating away

Current status:

  • The user has basic customization skills but needs expert guidance
  • One staff member suggested hiring a Shopify expert and offered to discuss via PM
  • Another community member requested the website link to investigate further

Discussion remains open with no concrete solutions provided yet.

Summarized with AI on October 26. AI used: claude-sonnet-4-5-20250929.
1

Hello everyone,

I’m working on customizing the header menu in my Shopify store, which uses the Horizon theme, and I’m looking for some expert guidance. I’m trying to implement a more robust dropdown menu system for desktop display and could use some help achieving the following:

  1. Caret Icon for Sub-Menus: I’d like a caret (down arrow) icon to appear next to any main menu items that have sub-menus, to clearly indicate they are dropdowns.
  2. Dynamic Dropdown Width: Instead of a fixed-width and number of columns dropdown, I need the dropdown menu’s width to dynamically adjust based on the length of its content. This would prevent awkward spacing or truncation for longer sub-menu item names. The dropdown menus are positioned directly below the parent menu.
  3. Underlined Active Options: When a menu option (either main or sub-menu) is hovered over or focused on, I want it to be underlined to provide clear visual feedback.
  4. Click Behavior for Parent Links: For first-level menu items that have a sub-menu, I want clicking on them to reveal the sub-menu rather than navigating to a new page. The user should only navigate if they click on a specific sub-menu item.

I’m comfortable with some basic theme customization, but these specific requirements are a bit beyond my current skill set. Any advice, code snippets, or pointers on where to look in the Horizon theme’s files would be greatly appreciated!

Thanks in advance for your help!

3

Hi @JessieZX,

Please send the website link, I will check it for you