ARTICLE AD BOX
I want to create a dropdown within a dropdown here for two menu items. Under "shop" I want tops and then another dropdown with two tabs that say each say sweaters and t-shirts.
<div class="topnav"> <nav> <ul> <li> <a href="index.html"> Home </a></li> <li class="dropdown"> <a href="#Shop" class="smoothScroll">Shop</a> <div class="dropdown-content"> <a href="tops.html">Tops</a> <a href="bottoms.html">Bottoms</a> </div> </li> <li> <a href="sale.html"> Sale </a> </li> <li> <a class="cart" href="cart.html"> My Cart </a> </li> <input type="text" placeholder="Search.."> </ul> </nav> </div> ul { list-style-type: none; margin: 0; padding: 0; overflow: hidden; } ul li { margin: auto; } .dropdown-content { display: none; } .dropdown:hover .dropdown-content, .dropdown-content a { display: block; } .topnav li { float: left; } nav { margin: auto; list-style-type: none; text-align: center; font-family: 'Luxurious Roman', serif; } ul li a { display: block; color: black; text-align: center; padding: 14px 16px; text-decoration: none; background-color: #abd4fe; margin: 10px; font-size:16px; border-radius: 3px; width: 100px; }