Hola amigos como estan espero que bien, tengo un menu desplegable y va asi un mega menu
Código HTML:
<li class="mega-menu-container"><a href="#">PRODUCTS</a>
<div class="mega-menu clearfix">
<div class="col-5">
<ul class="mega-menu-list clearfix">
<li><a href="#">Dresses</a></li>
<li><a href="#">Jeans & Trousers</a></li>
<li><a href="#">Blouses & Shirts</a></li>
<li><a href="#">Tops & T-Shirts</a></li>
<li><a href="#">Jackets & Coats</a></li>
<li><a href="#">Skirts</a></li>
</ul>
</div><!-- End .col-5 -->
<div class="col-5">
<ul class="mega-menu-list clearfix">
<li><a href="#">Formal Shoes</a></li>
<li><a href="#">Casual Shoes</a></li>
<li><a href="#">Sandals</a></li>
<li><a href="#">Boots</a></li>
<li><a href="#">Wide Fit</a></li>
<li><a href="#">Slippers</a></li>
</ul>
</div><!-- End .col-5 -->
<div class="col-5">
<ul class="mega-menu-list clearfix">
<li><a href="#">Bags & Purses</a></li>
<li><a href="#">Belts</a></li>
<li><a href="#">Gloves</a></li>
<li><a href="#">Jewellery</a></li>
<li><a href="#">Sunglasses</a></li>
<li><a href="#">Hair Accessories</a></li>
</ul>
</div><!-- End .col-5 -->
<div class="col-5">
<ul class="mega-menu-list clearfix">
<li><a href="#">Sport Tops & Vests</a></li>
<li><a href="#">Swimwear</a></li>
<li><a href="#">Footwear</a></li>
<li><a href="#">Sports Underwear</a></li>
<li><a href="#">Bags</a></li>
</ul>
</div><!-- End .col-5 -->
<div class="col-5">
<ul class="mega-menu-list clearfix">
<li><a href="#">Tops & Skirts</a></li>
<li><a href="#">Dresses</a></li>
<li><a href="#">Trousers & Shorts</a></li>
<li><a href="#">Knitwear</a></li>
<li><a href="#">Jackets & Coats</a></li>
</ul>
</div><!-- End .col-5 -->
</div><!-- End .mega-menu -->
</li>
Quiero que cada 5 registros me haga una fila de esas actual mente me sale asi
y quiero que en cada una columna de esas me salgan 5 o 6 registros y luego me salgan los otros en otra columna y asi cada 5 hacer una clase
Como seria!!!