A mega menu is an expanded navigation menu that displays multiple categories, collections, products, or banners within a large dropdown, rather than a simple menu. This helps customers easily find product categories, clearly shows multiple menu levels, and improves navigation and product discovery.

Velmora offers 3 different types of mega menus, including:

MEGA MENU ROWS

This is a horizontal, hierarchical mega menu that supports up to two promotional images. All parent menu items will be fully displayed along with their submenus.

The width will extend to the full width of the website.

MEGA MENU COLUMNS

This is a vertical, hierarchical mega menu that supports up to 2 promotional images. The width will be limited by the content displayed in the Top-Level Menu. Submenus will only appear when you hover over their parent menu.

MEGA MENU COLLECTION

Often used to highlight collections, such as new arrivals or promotional collections. This menu only works when used with collections.

1. Mega menu rows

To add a mega menu row, in the Theme Editor on the left, select Header, then select Add Block -> Mega menu rows. Then, in the Top-level Menu Handle field, you need to enter the exact name of the menu you created in your Shopify Admin.

To set up the hierarchy as shown in the demo, go to Shopify Admin -> Content -> Menus and create / or edit the main menu you are using in the theme

In the demo, Velmora uses a 3-level dropdown menu, as follows:

• LEVEL 1 - TOP LEVEL (Here is the SHOP menu)
• LEVEL 2 - Featured and Categories
• LEVEL 3 - Linked Menus

It will look like this

To create a bottom menu like the one pictured below (Shop All / Lookbook / Contact)

Go back to Menus in your Shopify admin. Create a new menu and give it a custom name that makes sense to you. For this example, I'll name it "Secondary Menu."

Then, return to the Theme Editor. In the Mega menu rows panel, under the "Secondary menu" option, select the "