<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="nav-wrapper">
<a href="#" class="js-nav-toggle">
<span></span>
</a>
<nav role="navigation">
<div class="nav-toggle">
<span class="nav-back"></span>
<span class="nav-title">Menu</span>
<span class="nav-close"></span>
</div>
<ul>
<li class="has-dropdown">
<a href="#">Category</a>
<ul>
<li><a href="#">Cat 1</a></li>
<li><a href="#">Cat 2</a></li>
<li><a href="#">Cat 3</a></li>
<li><a href="#">Cat 4</a></li>
<li><a href="#">Cat 5</a></li>
<li><a href="#">Cat 6</a></li>
<li><a href="#">Cat 7</a></li>
</ul>
</li>
<li class="has-dropdown">
<a href="#">Apparel</a>
<ul>
<li class="has-dropdown">
<a href="#">Loremus</a>
<ul>
<li><a href="#">Item 1</a></li>
<li><a href="#">Item 2</a></li>
<li><a href="#">Item 3</a></li>