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).
Step 1. Let's create a menu inside Shopify
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.
Also, you need to go in the Header and active the "Enable megamenu" Settings.
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"
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!
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!