Hi Team
I need some help with my navbar the sub-categories they dont appear good and need some improvement on my html code below.
<nav class="navigation navbar navbar-default">
<div class="container">
<div class="navbar-header">
<button type="button" class="open-btn">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
<div id="navbar" class="navbar-collapse collapse navigation-holder">
<button class="close-navbar"><i class="fa fa-close"></i></button>
<ul class="nav navbar-nav">
<li class="menu-item-has-children">
<a "#">Home</a>
<ul class="sub-menu">
<li><a "index-2.html">Home Style 1</a></li>
<li><a "index-3.html">Home Style 2</a></li>
<li><a "index-4.html">Home Style 3</a></li>
<li><a "index-5.html">Home Style 4</a></li>
<li><a "index-6.html">Home Style 5</a></li>
<li><a "index-7.html">Home Style 6</a></li>
<li class="menu-item-has-children">
<a "#Level3">Thidr level</a>
<ul class="sub-menu">
<li><a ="#">Level3</a></li>
<li><a ="#">Level3</a></li>
<li><a ="#">Level3</a></li>
</ul>
</li>
</ul>
</li>
<li><a "about.html">About</a></li>
<li><a "services.html">Services</a></li>
<li><a "projects.html">Projects</a></li>
<li class="menu-item-has-children">
<a "#">Pages</a>
<ul class="sub-menu">
<li><a "service-single.html">Service single</a></li>
<li><a "project-single.html">Project single</a></li>
<li><a "shop.html">Shop</a></li>
<li><a "shop-sidebar.html">Shop with sidebar</a></li>
<li><a "shop-details.html">Shop single</a></li>
<li><a "testimonials.html">Testimonials</a></li>
<li><a "faq.html">FAQ</a></li>
</ul>
</li>
<li class="menu-item-has-children">
<a "#">Blog</a>
<ul class="sub-menu">
<li><a "blog.html">Blog grid</a></li>
<li><a "blog-right-sidebar.html">Blog right sidebar</a></li>
<li><a "blog-left-sidebar.html">Blog left sidebar</a></li>
<li><a "blog-details.html">Blog single</a></li>
</ul>
</li>
<li><a "contact.html">Contact</a></li>
</ul>
</div><!-- end of nav-collapse -->
</div>
</nav>