Press "Enter" to skip to content

Simple, no-frills, jQuery-free Responsive Mobile Menu

Simple, no-frills, jQuery-free mobile/responsive menu. Just another snippet of code that I’ve been copying and pasting from one project to another and desperately needing to extract it.

Mobile Push Nav Menu With jQuery and CSS3 Transitions

How to make use of it:

Include CSS for the basic design.

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

The HTML structure of the mobile menu with no frills.

<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 no-frills mobile menu script to enable the toggle.

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

Pure JavaScript Responsive Nav Menu, nofrills-mobile-menu Plugin/Github


See Demo And Download

Official Website(arirawr): Click Here

This superior jQuery/javascript plugin is developed by arirawr. For extra Advanced Usages, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published. Required fields are marked *