[Dawn theme] Create a Mega menu with custom code

Store Design

Topic summary

Goal: build a mega menu (multi-column, rich-content dropdown) in the Dawn theme using custom code, without apps.

Early responses linked to general Shopify menu docs and a Dawn beginner guide. These were criticized for only covering basic drop-downs, not true mega menus.

Multiple participants requested actual code examples. Interest centered on a native, code-only solution.

Recent updates:

  • A tutorial (happypoints.io) was shared for adding a Shopify mega menu. It was noted as not yet tested on Dawn and likely requiring CSS adjustments to fit the theme.
  • A YouTube video was shared that includes code in the description, asserting the approach is doable without any app or subscription.

Considerations: Implementing a mega menu is a larger customization effort. Expect to adapt HTML/CSS/JS and align styling with Dawn’s structure.

Status: No confirmed, Dawn-specific implementation or final code posted in-thread. The discussion remains open, with suggested resources to try and adapt for Dawn.

Summarized with AI on February 14. AI used: gpt-5.
1

Hello,

I am working on the Dawn and was wondering if someone tried to change the menu to a Mega menu (using custom code and without using an app).

Thanks,

2 Likes
2

@Amal_djebali ,

Hi,

Read these article you will have an idea how to setup mega menu

https://www.identixweb.com/the-ultimate-guide-to-shopify-dawn-theme-for-beginners/

https://help.shopify.com/en/manual/online-store/menus-and-links/drop-down-menus?ref=identixweb.com

3

I’m also looking for a code to build a Mega menu. The articles above only show how to make a drop-down menu, which isn’t what I need.

4

Hi! I’m also looking for that code :grimacing:

5

This was honestly a non-answer, considering neither link says anything about adding a mega menu.

6

same, have any of you been able to figure it out yet? nothing on youtube or 3rd party websites

7

Take a look at this tutorial. I haven’t tested it on Dawn yet, but it will most likely work just fine. Bare in mind that you will most likely have to adjust the styling to fit your needs.

https://happypoints.io/how-to-add-mega-menu-in-shopify-c2-stt-80/

8

@Amal_djebali See this link. Should work.

https://happypoints.io/how-to-add-mega-menu-in-shopify-c2-stt-80/

9

Hi,

This is doable. No app needed for mega menu. No subscription either. See the video description for the code.

1 Like
10

Looks like a serious project to undertake.