How to customize the Submenu icons on the Mega menu

This article will walk you through the steps on how to add a mega menu to your store and customize the Submenu icons on that menu.

Add A Mega Menu To Your Store

Step 1: From the EcomSolid Dashboard, head to the Theme Editor.

Step 2:  Access the Library from the top bar of the Editor.



Next, navigate to the Sections > Header and locate the Header that supports a mega menu. Hit “Insert” to add it to your Editor.



Customize the Submenu Icons of your Mega Menu

Step 1: Click on the Header section to reveal the configuration options in the left sidebar. 

Step 2: Scroll down to the Menu section and select "Edit Menu.” 



Step 3: There will be an opened window for you to edit the Menu and Submenus items. Click on the Settings icon on the right of the "Shop” menu item. 


Step 4: This will open a new pop-up window for you to customize the mega menu further.

Toggle on the Icon List switch to show the icons on the mega menu. 



Step 5: Click on the arrow next to each icon to customize it further. 

Upload Icon: Hit “Choose Icon” to select an icon from the EcomSolid icon library or upload your own icon from your computer. 

Message Icon: Input your preferred label for your icon.

Link of icon: Hit “Pick a link” to send customers to other pages after clicking the icon. 



Step 6: Hit “Save” when finished.


That's it! If you run into any problems when editing, please get in touch with our Customer Support via email or live chat.

Was this helpful?