- Navigate to Static Content > Add New.
- Give it a title, lets say “Mobiles & Tablets 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 Mobiles & Tablets Megamenu Item.
- Mobiles & Tablets 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">Mobiles & Tablets</li>
<li><a href="#">All Mobile Phones</a></li>
<li><a href="#">Smartphones</a></li>
<li><a href="#">Android Mobiles</a></li>
<li><a href="#">Windows Mobiles</a></li>
<li><a href="#">Refurbished Mobiles</a></li>
<li class="nav-divider"></li>
<li><a href="#">All Mobile Accessories</a></li>
<li><a href="#">Cases & Covers</a></li>
<li><a href="#">Screen Protectors</a></li>
<li><a href="#">Power Banks</a></li>
<li class="nav-divider"></li>
<li><a href="#"><span class="nav-text">All Electronics</span><span class="nav-subtext">Discover more products</span></a></li>
</ul>
Column2 :
<ul>
<li class="nav-title"></li>
<li><a href="#">All Tablets</a></li>
<li><a href="#">Tablet Accessories</a></li>
<li><a href="#">Landline Phones</a></li>
<li><a href="#">Wearable Devices</a></li>
</ul>
Output of Mobiles & Tablets Megamenu Menu
