How to make a drop down menu with 3 columns in Dawn Theme

Topic summary

A user seeks to create a three-column dropdown navigation menu in Shopify’s Dawn theme, providing a reference image and their store preview link.

Proposed Solutions:

Multiple respondents (PageFly-Victor, GemPages) suggest a similar approach:

  • Navigate to Online Store → Theme → Edit code
  • Open the theme.liquid file
  • Insert custom CSS/markup code before the closing </body> tag

One respondent (Litos) requests the header.liquid file code to provide a more tailored solution.

Status: The discussion remains open with multiple code-based solutions offered but no confirmation of implementation or resolution. The actual code snippets appear corrupted in the thread, which may require clarification for successful implementation.

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

How to create a nav menu with 3 sub menu columns in Dawn theme, like this one:

and here’s my website (https://9ek8jqdxqdln8rey-41208348837.shopifypreview.com :disappointed_face:

@Litos

@KetanKumar

Hi @lichael06 ,

Step 1. Go to Online Store → Theme → Edit code
Step 2. Open your theme.liquid theme file
Step 3. Paste below code before :


Hope my answer will help you.

Best regards,

Victor | PageFly

Hi @lichael06 ,

Please send me the code of header.liquid file, I will check it for you

Hello @lichael06 ,

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

  1. Open your theme.liquid file, paste the below code before


I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team