TV & Audio Megamenu Item

  1. Navigate to Static Content > Add New.
  2. Give it a title, lets say “TV & Audio 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 TV & Audio Megamenu Item.
  4. TV & Audio 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">Audio &amp; Video</li>
<li><a href="#">All Audio &amp; Video</a></li>
<li><a href="#">Televisions</a></li>
<li><a href="#">Headphones</a></li>
<li><a href="#">Speakers</a></li>
<li><a href="#">Home Entertainment Systems</a></li>
<li><a href="#">MP3 &amp; Media Players</a></li>
<li><a href="#">Audio &amp; Video Accessories</a></li>
<li class="nav-divider"></li>
<li><a href="#"><span class="nav-text">Electro Home Appliances</span><span class="nav-subtext">Available in select cities</span></a></li>

Column2 :

<li class="nav-title">Music</li>
<li><a href="#">Televisions</a></li>
<li><a href="#">Headphones</a></li>
<li><a href="#">Speakers</a></li>
<li><a href="#">Media Player</a></li>

Output of TV & Audio Megamenu Menu