Pure JavaScript Responsive Nav Menu – nofrills-mobile-menu

The nofrills-mobile-menu library let you implement fully responsive, mobile-friendly navigation menu in pure JavaScript and CSS.

How to use it:

Include CSS for basic styling.

<link rel="stylesheet" href="nofrills.css"/>

The html structure for the nofrills mobile menu.

<nav id="nofrills-mobile-menu">
  <!-- Optionally replace with your own toggle icon -->
  <img id="nofrills-toggle" height="20px" src="nofrills-toggle.png"/>
  <!-- Place desired menu links in here -->
  <div id="nofrills-items" style="display: none;">
    <a class="nofrills-active" href="#">This is</a>
    <a href="#">No Frills</a>
    <a href="#">Mobile</a>
    <a href="#">Menu</a>
  </div>
</nav>

Include the nofrills-mobile-menu’s script to enable toggling.

<script src="nofrills-mobile-menu.js"></script>