Computers & Accessories Megamenu Item

  1. Navigate to Static Content > Add New.
  2. Give it a title, lets say “Computers & Accessories 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 Computers & Accessories Megamenu Item.
  4. Computers & Accessories 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 :

<li class="nav-title">Computers &amp; Accessories</li>
<li><a href="#">All Computers &amp; Accessories</a></li>
<li><a href="#">Laptops, Desktops &amp; Monitors</a></li>
<li><a href="#">Pen Drives, Hard Drives &amp; Memory Cards</a></li>
<li><a href="#">Printers &amp; Ink</a></li>
<li><a href="#">Networking &amp; Internet Devices</a></li>
<li><a href="#">Computer Accessories</a></li>
<li><a href="#">Software</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>

Column2 :

<li class="nav-title">Office & Stationery</li>
<li><a href="#">All Office & Stationery</a></li>
<li><a href="#">Pens & Writing</a></li>
<span class="mce_SELRES_start" data-mce-type="bookmark" style="display: inline-block; width: 0px; overflow: hidden; line-height: 0;"></span>

Output of Computers & Accessories Menu