A very simple jQuery/Zepto plugin for responsive menus
Two options:
- With Bower:
bower install responsive-menu --save
- Download the latest release
- Include the Stylesheet in your
<head>
- Or import the SCSS or Less file via @import
- Include the Script in
<head>
- Don't forget to include jQuery or Zepto (with selector and event modules) before that!
<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>