1. Home
  2. Docs
  3. Punk
  4. Advanced settings
  5. How to set up Mega menu

How to set up Mega menu

The Punk theme has 3 types to show the Mega menu: Navigation, Collection, and Sidebar

Navigation

1. To show mega menu layouts, create a multi-level dropdown menu first.

2. From your Shopify admin, go to Online Store -> Themes.

3. Find the theme you want to edit, then click Customize.

4. In the Header section on the left editor window -> Add a block + Navigation( Mega menu ).

5. Set up Mega menu

  • Add parent item: item name to apply a mega navigation dropdown
  • Select your mega menu created
  • Add products to show some highlight products, up to 3 products
Collections

1. To show mega menu layouts, create a collection first.

2. From your Shopify admin, go to Online Store -> Themes.

3. Find the theme you want to edit, then click Customize.

4. In the Header section on the left editor window -> Add a block + Collection ( Mega menu ).

5. Set up Mega menu

  • Add parent item: item name to apply a mega navigation dropdown
  • Select your collections
Sidebar

1. From your Shopify admin, go to Online Store -> Themes.

2. Find the theme you want to edit, then click Customize.

3. In the Header section on the left editor window -> Add a block + Sidebar ( Mega menu ).

4. Set up Mega menu

  • Add parent item: item name to apply a mega navigation dropdown
  • Add a button to link to a page

Show Tabs

There are up to 5 tabs in this megamenu. Each Tab has 3 parts.

Target: enter name of the Tab

Target link: a button to link to a page in each Tab

Products: add product to show for each Tab, up to 4 products