How to create a dropdown menu in the Refresh theme?

Topic summary

Creating a dropdown menu in the Shopify “Refresh” theme where a main menu item has a link and shows additional options on hover.

Key points:

  • The requested behavior relies on hover, but mobile devices don’t support hover and most buyers are on mobile.
  • Recommended approach: make the parent menu item non-clickable so it serves as a toggle to open a dropdown/submenu.

Current status:

  • No step-by-step implementation or code was provided.
  • The user’s attempts via theme settings/customizations did not achieve the desired result.

Open questions:

  • How to configure the Refresh theme’s navigation to create a non-clickable parent with a submenu (e.g., nested menu items, theme settings, or custom CSS/JS)?
  • Whether Refresh offers built-in touch-friendly dropdown behavior or requires custom development.

Suggested next steps:

  • Use nested navigation and ensure the parent acts as a submenu toggle on mobile.
  • If the theme lacks this behavior, implement a touch-friendly dropdown with accessible toggles instead of hover.
Summarized with AI on January 16. AI used: gpt-5.

I hope you’re all doing well. I’m currently working on my online store using the “Refresh” theme, and I’m trying to create a dropdown menu for one of my main menu items. I’ve tried a few things, but I can’t seem to get it to work the way I want.

Specifically, I want to have a main menu item that has a link, but when a user hovers over it, a dropdown menu appears with additional options.

Could someone please guide me through the steps to achieve this in the “Refresh” theme? I’ve looked through the theme settings and tried a few customizations, but I’m not getting the desired result.

Any help or advice would be greatly appreciated. Thank you in advance for your assistance!

Hey @LateFilms ,

it is not a good solution because most of the buyers are on mobile and mobile does not have hover.

The solution will be to create a dropdown where the parent link is not clickable.