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?