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>