🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

An ultra-light (~1kb) jQuery plugin that automatically converts an ul li based menu into a dropdown toggle navigation on small screens.

toggle-menu responsive-menu Drop-Down-Menu

Documentation

responsive-menu

A very simple jQuery/Zepto plugin for responsive menus

Installation

Two options:

Usage

Stylesheet

  • Include the Stylesheet in your <head>
  • Or import the SCSS or Less file via @import

Script

  • Include the Script in <head>
  • Don't forget to include jQuery or Zepto (with selector and event modules) before that!

Markup

<script>   $(function(){     $('#menu').responsiveMenu({       breakWidth: 800, // optional (default: 600)       label: false // optional (default: 'Menu')       position: 'right' // optional (default: 'left')     });   }); </script>  <ul id="menu">   <li><a href="#"></a></li>   <li><a href="#"></a></li>   <li><a href="#"></a></li>   <li><a href="#"></a></li>   <li><a href="#"></a></li> </ul> 

You May Also Like