Enable Dropdown Menu on Hover for Dawn Theme Heade

Store Design

Topic summary

A user seeks to modify the Dawn theme header so dropdown menus appear on hover rather than click.

Solution Provided:

  • Add custom CSS code to the header.liquid file
  • The code successfully enables hover-triggered dropdowns

Follow-up Issues:

Underline Removal:

  • The original poster reports the solution works but wants to remove underlines appearing in the dropdown menu
  • Includes a screenshot showing the unwanted underlines
  • Awaiting additional code to address this styling issue

Implementation Error:

  • Another user encounters an “Invalid JSON in tag ‘schema’” error when applying the code
  • This issue remains unresolved

The discussion is ongoing with two open technical problems requiring further assistance.

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

Dawn Theme - How to get drop down menu list on hover instead of click?

2

Hi @Tadoori_Group ,

Go to Online Store, then Theme, and select Edit Code.
Search for header.liquid file Add the provided code at the end of the file.
3

underlin.PNG
underlin.PNG1363×332 156 KB

Thanks! It worked!!
However, I want those underlines to be removed. Help with the code please.

4

When trying to apply it I get this message

  • Invalid JSON in tag ‘schema’

What can I do to fix this?