Megamenu

To change the megamenu please refer the following file.

Location: blocks/menus/megamenu.html


<div class="navbar horizontalMenu" role="navigation" id="horizontalMenu">
    <ul class="nav navbar-nav">
        <li class="dropdown">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-display4"></i> <span>Home</span></a>
            <ul class="dropdown-menu">
                <li><a href="index.php"><i class="icon-display4"></i><span> Default dashboard</span></a></li>
                <li><a href="index_inverse.php"><i class="icon-display4"></i><span> Dashboard (Inverse)</span></a></li>
                <li><a href="index_store.php"><i class="icon-store2"></i><span> Store dashboard</span></a></li>
                <li><a href="page_empty.php"><i class="icon-file-empty"></i> <span>Empty page</span></a></li>

                <li class="dropdown-submenu"><a href="#"><i class="icon-tree7"></i> <span>Menu levels</span></a>
                    <ul class="dropdown-menu">
                        <li><a href="#">Second level</a></li>
                        <li class="dropdown-submenu">
                            <a href="#">Second level with child</a>
                            <ul class="dropdown-menu">
                                <li><a href="#">Third level</a></li>
                                <li class="dropdown-submenu">
                                    <a href="#">Third level with child</a>
                                    <ul class="dropdown-menu">
                                        <li><a href="#">Fourth level</a></li>
                                        <li><a href="#">Fourth level</a></li>
                                    </ul>
                                </li>
                                <li><a href="#">Third level</a></li>
                            </ul>
                        </li>
                        <li><a href="#">Second level</a></li>
                    </ul>
                </li>
            </ul>
        </li>
        <li class="dropdown mega">
            <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cube3"></i> <span>Apps</span></a>
            <ul class="dropdown-menu" style="width:800px;">
                <li>
                    <div class="mega-content">
                        <div class="row">
                            <div class="col-sm-4 col-md-4">
                                <img src="img/media/1.jpg" class="img-responsive hidden-xs m-t-20" alt="">
                            </div>
                            <div class="col-md-4 col-sm-4">
                                <ul>
                                    <li><a href="people.php"><i class="icon-user"></i> <span>People</span></a></li>
                                    <li><a href="messages.php"><i class="icon-comment-discussion"></i> <span>Messages</span></a></li>
                                    <li><a href="emails.php"><i class="icon-envelop"></i> <span>Emails</span></a></li>

                                    <li><a href="#"><i class="icon-briefcase"></i> <span>Projects</span></a>
                                        <ul>
                                            <li><a href="projects_list.php">Projects list</a></li>
                                            <li><a href="projects_details.php">Project details</a></li>
                                        </ul>
                                    </li>

                                    <li><a href="#"><i class="icon-cash3"></i> <span>Invoice</span></a>
                                        <ul>
                                            <li><a href="invoice_list.php">Invoice list</a></li>
                                            <li><a href="invoice_template.php">Invoice template</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                            <div class="col-md-4 col-sm-4">
                                <ul>
                                    <li><a href="#"><i class="icon-cart2"></i> <span>E-commerce</span></a>
                                        <ul>
                                            <li><a href="ecom_products.php">Products</a></li>
                                            <li><a href="ecom_product.php">Single product</a></li>
                                            <li><a href="ecom_orders.php">Orders list</a></li>
                                            <li><a href="ecom_cart.php">My Cart</a></li>
                                            <li><a href="ecom_checkout.php">Checkout</a></li>
                                        </ul>
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </li>
            </ul>
        </li>
    </ul>
</div>