Tiny Push Nav Menu with Sticky Hamburger Toggle - HamburgerMenu

Tiny Push Nav Menu with Sticky Hamburger Toggle - HamburgerMenu
File Size: 144 KB
Views Total: 2902
Last Update:
Publish Date:
Official Website: Go to website
License: MIT

amburgerMenu is a jQuery plugin that helps you to create a mobile-friendly push navigation menu with a sticky hamburger toggle.

How to use it:

1. Load the jQuery amburgerMenu plugin's stylesheet in the head section.

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

2. Create a DIV element to place the push menu.

<div id="hamburgerMenu"></div>

3. Include jQuery library and the plugin script at the bottom of the webpage.

<script src="jquery-1.11.3.min.js"></script>
<script src="js/hamburgerMenu.js"></script>

4. Include the OPTIONAL jQuery UI for additional easing effects.

<script src="jquery-ui.min.js"></script>

5. Call the plugin and create an array of menu items in the JavaScript.


  // CSS class of main content wrapper
  mainContent: 'mainContent',

  // menu position

  // callback
  onClickHamburgerMenu: function (op, o) {
    // do something

[  //  an array of menu items


6. AJAX options.

urlType: 'post', // post, json

Change log:



  • JS update.


  • JS and CSS update.


  • add position of the menu

This awesome jQuery plugin is developed by adrianillo. For more Advanced Usages, please check the demo page or visit the official website.