Dropdown Menu

Note: Markup for Dropdown menu and Dropdown labeled menu is same. To change either menu please refer to the below markup.

To change the dropdown menu please refer the following file.

Location: blocks/menus/dropdown.html


<div class="navigation">
    <div id="main-menu-container">
        <div id="main-menu" class="nav">
            <li class="menuparent">
                <a href="#"><i class="icon-display4"></i> <span>Dashboards</span></a>
                <ul class="sub-menu">
                    <li><a href="index.php"><i class="icon-display4"></i><span class="list-label"> Default dashboard</span></a></li>
                    <li><a href="index_store.php"><i class="icon-store2"></i><span class="list-label"> Store dashboard</span></a></li>
                </ul>
            </li>

            <li class="menuparent">
                <a href="#"><i class="icon-cube3"></i> <span>Apps</span></a>
                <ul class="sub-menu">
                    <li class="menuparent"><a href="#"><i class="icon-cart2"></i> <span>E-commerce</span></a>
                        <ul class="sub-menu">
                            <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>
                    <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 class="menuparent"><a href="#"><i class="icon-briefcase"></i> <span>Projects</span></a>
                        <ul class="sub-menu">
                            <li><a href="projects_list.php">Projects list</a></li>
                            <li><a href="projects_details.php">Project details</a></li>
                        </ul>
                    </li>
                    <li class="menuparent">
                        <a href="#"><i class="icon-cash3"></i> <span>Invoice</span></a>
                        <ul class="sub-menu">
                            <li><a href="invoice_list.php">Invoice list</a></li>
                            <li><a href="invoice_template.php">Invoice template</a></li>
                        </ul>
                    </li>
                </ul>
            </li>
        </div>
    </div>
</div>