Megamenu and rich submenu Navigation

The most important aspect of your header is surely the menu, you want the people to be able to navigate throughout your store. With Booster Theme, you can customize it a lot! You are not limited to a basic menu, you can have a mega menu that displays pictures (1), and rich submenus that contain an icon, a title, and a description(2).

Megamenu and rich submenu Navigation 1


Step 1. Let's create a menu inside Shopify

Megamenu and rich submenu Navigation 2

Step 2. Let's add some elements to it!

In order to trigger the mega-menu layout, you'll need to add a submenu item that is a collection or a product with an image. 

Megamenu and rich submenu Navigation 3

Also, you need to go in the Header and active the "Enable megamenu" Settings.

Megamenu and rich submenu Navigation 4

Rich submenu instructions

In the "About" item, you can see that it's different, this is a way do to it for the rich submenu features. The complete item is called: "desc: Learn more about our core values and the team behind Madore | icon: users-alt | text: Our commitment"

Megamenu and rich submenu Navigation 5
Here is the logic to follow to set up the rich submenu:

"icon:" You need to use the icons name from this library ( In the example : users-alt )

"text:"  This is for the title

"desc:" (optional) This is the description

Note: You need to make sure to have a "|" between each element.

Step 3. Let's add it to the header now!
Megamenu and rich submenu Navigation 6

You know everything now about the menu! You can now use the megamenu and the rich submenu features easily. There is so much more to discover inside Booster Theme!