Mobiles & Tablets Megamenu Item

  1. Navigate to Static Content > Add New.
  2. Give it a title, lets say “Mobiles & Tablets Megamenu Item“. The title is not used anywhere in displaying the menu.
  3. 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.
  4. 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 &amp; 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 &amp; 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