/responsive-menu

A very simple jQuery/Zepto plugin for responsive menus

Primary LanguageCSSMIT LicenseMIT

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>