Simple Mobile jQuery plugin which takes argument and create mobile menu. It is so much flexible to use.
Put the required stylesheet at the top of your markup:
<link rel="stylesheet" href="dist/assets/mobilemenu.min.css" />
Put the script at the bottom of your markup right after jQuery:
<script src="dist/mobilemenu.min.js"></script>
Here is the given a menu example for your desktop menu:
<nav class="navigation" id="header-menu">
<ul>
<li><a href="#">Home</a></li>
<li>
<a href="#">Services</a>
<ul>
<li><a href="#">Service 1</a></li>
<li><a href="#">Service 2</a></li>
<li><a href="#">Service 3</a></li>
<li><a href="#">Service 4</a></li>
</ul>
</li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
<li><a href="#">Faq</a></li>
</ul>
</nav>
Call the plugin function and your mobile menu is ready.
(function ($) {
$("#header-menu").RtMobileMenu();
})(jQuery)
The code and the documentation are released under the MIT License.