Mega Menu

Store Design
, , , ,

Topic summary

A user sought help implementing a mega menu under a single “Catalog” button in their Shopify store.

Another participant provided standard guidance:

  • Create the menu structure via Online Store > Navigation
  • Enable mega menu features in the theme customizer
  • Edit theme code (header.liquid/navigation.liquid) to add custom HTML/CSS styling
  • Consider installing a Shopify app like Meteor Mega Menu or Buddha Mega Menu if the theme lacks native support

The original poster ultimately resolved the issue by coding the mega menu from scratch, which took several weeks of work. Their final implementation includes:

  • Separate main categories displayed in individual blocks
  • Subcategories and variants organized within their own sections
  • Preview images connected to each category, subcategory, and variant

The discussion is resolved with a working custom solution in place.

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

Hi, I have this problem, please help me to put mega menu in one button: Catalog. I already tried many things but nothing helps.

My store
My store1919×929 97.1 KB

That's roughly what I want to get
That's roughly what I want to get1919×948 273 KB

2

Hi @Vev_md

To add a mega menu to a single button like “Catalog” in Shopify, follow these steps:

  1. Edit Navigation:
  • Go to Online Store > Navigation: https://prnt.sc/ak-0_evK0sdo
  • Create a menu item named “Catalog.”
  • Under “Catalog,” add the sub-menu items you want for the mega menu.
  1. Customize Theme:
  • Go to Online Store > Themes > Customize.
  • Find the header settings and enable the mega menu feature (if supported by your theme).
  1. Edit Code (if required):
  • Go to Actions > Edit Code.
  • Look for header.liquid or navigation.liquid: https://prnt.sc/v0ApqR1bMX71
  • Add custom HTML/CSS to style the dropdown into a mega menu.

Test it to ensure it works as intended. If your theme doesn’t support mega menus, consider installing a Shopify app like Meteor Mega Menu or Buddha Mega Menu.

If you have other questions, I am willing to answer them more.

Best regards,

Daisy

3

Thank you so much for your reply. I’ve been agonizing over this for a long time. In the end I decided to write the code for this menu completely from scratch. In the end I got the desired result, but I had to work a few weeks)))))

Screenshot_2.png
Screenshot_2.png1896×901 204 KB

There’s everything you need right now. General button “Catalog”. There are separate main categories. Subcategories and their variants are in their own block. And also for each category, subcategory or variety, preview pictures are connected.