Pure JavaScript Responsive Nav Menu – nofrills-mobile-menu

Category: Javascript , Menu & Navigation | November 8, 2016
Views Total:1,360 views
Official Page:Go to website
Last Update:November 8, 2016


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>

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