RT Mobile Menu

Simple Mobile jQuery plugin which takes argument and create mobile menu. It is so much flexible to use.

Quick start

Static HTML

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>

Usage

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)

Documentation

License

The code and the documentation are released under the MIT License.