<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" type="text/css">

   <script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js' type='text/javascript'></script>

   <link href="https://cdn.rawgit.com/vinnymoreira/stellarnav/master/css/stellarnav.min.css" rel="stylesheet" type="text/css">

   <script src="https://cdn.rawgit.com/vinnymoreira/stellarnav/master/js/stellarnav.min.js" type="text/javascript"></script>

<center><h1>Resize browser windows to responsive menu</h1></center>

    <div class="stellarnav">

        <ul>

            <li><a href="">Dropdown</a>

                <ul>

                    <li><a href="#">How deep?</a>

                        <ul>

                            <li><a href="#">Item</a>

                                <ul>

                                    <li><a href="#">Item</a>

                                        <ul>

                                            <li><a href="#">Item</a></li>

                                            <li><a href="#">Item</a></li>

                                            <li><a href="#">Item</a></li>

                                            <li><a href="#">Item</a></li>

                                        </ul>

                                    </li>

                                    <li><a href="#">Item</a></li>

                                    <li><a href="#">Item</a></li>

                                    <li><a href="#">Item</a></li>

                                </ul>

                            </li>

                            <li><a href="#">Item</a></li>

                            <li><a href="#">Item</a></li>

                            <li><a href="#">Item</a></li>

                        </ul>

                    </li>

                    <li><a href="#">Item</a></li>

                    <li><a href="#">Item</a></li>

                    <li><a href="#">Here's a very long item. It can be as long as you want</a></li>

                    <li><a href="#">Item</a></li>

                </ul>

            </li>

            <li><a href="">Item 2</a></li>

            <li><a href="">Item 3</a></li>