Mega Menu

Store Design
, , , ,
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.