- Navigate to Static Content > Add New.
- Give it a title, lets say “Watches & Eyewear Megamenu Item“. The title is not used anywhere in displaying the menu.
- Click on Backend Editor. It will display Visual Composer Backend Editor. We will use this back end editor to build our Watches & Eyewear Megamenu Item.
- Watches & Eyewear Megamenu Item has 2 rows.
The Details
Single Image
- Column 1 – Click on the Add button. It should popup Add Element button. Let us add Single Image widget under All.
Text Block
- It has two columns with the ratio 1/2 + 1/2
- Both the columns has Text Block.
- Text Block : The content of the Text Block
Column1 :
<ul>
<li class="nav-title">Watches</li>
<li><a href="#">All Watches</a></li>
<li><a href="#">Men's Watches</a></li>
<li><a href="#">Women's Watches</a></li>
<li><a href="#">Premium Watches</a></li>
<li><a href="#">Deals on Watches</a></li>
</ul>
Column2 :
<ul>
<li class="nav-title">Eyewear</li>
<li><a href="#">Men's Sunglasses</a></li>
<li><a href="#">Women's Sunglasses</a></li>
<li><a href="#">Spectacle Frames</a></li>
<li><a href="#">All Sunglasses</a></li>
<li><a href="#">Amazon Fashion</a></li>
</ul>
Output of Watches & Eyewear Megamenu Menu
