Pure JavaScript Responsive Nav Menu – nofrills-mobile-menu

Category: Javascript , Menu & Navigation | November 8, 2016
Author: arirawr
Views Total: 1,296 views
Official Page: Go to website
Last Update: November 8, 2016
License: MIT

Preview:

Pure JavaScript Responsive Nav Menu – nofrills-mobile-menu

Description:

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>

 

You Might Be Interested In:


Leave a Reply