- Navigate to Static Content > Add New.
- Give it a title, lets say “Computers & Accessories 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 Computers & Accessories Megamenu Item.
- 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 :
<ul>
<li class="nav-title">Computers & Accessories</li>
<li><a href="#">All Computers & Accessories</a></li>
<li><a href="#">Laptops, Desktops & Monitors</a></li>
<li><a href="#">Pen Drives, Hard Drives & Memory Cards</a></li>
<li><a href="#">Printers & Ink</a></li>
<li><a href="#">Networking & 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>
</ul>
Column2 :
<ul>
<li class="nav-title">Office & Stationery</li>
<li><a href="#">All Office & Stationery</a></li>
<li><a href="#">Pens & Writing</a></li>
</ul>
<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
