Iconbar introduction

To always have a small part of the menu visible (most commonly when you're using icons), include the "iconbar" extension .css file and add "iconbar" to the extensions option.

<head>
<script src="path/to/jquery.js"></script>
<script src="path/to/jquery.mmenu.js"></script>
<link href="path/to/jquery.mmenu.css" rel="stylesheet" />
<link href="path/to/jquery.mmenu.iconbar.css" rel="stylesheet" />
<script>
$(document).ready(function() {
$("#my-menu").mmenu({
extensions: ["iconbar"]
});
});
</script>

Note that the "iconbar" extension also extends the behavior of the page. When it is included, you are therefor required to have at least one menu with "iconbar" added to the extensions option.

Example

Give it a go, change the options below and see how it affects the menu in the example on the right.

  • Prepend a fixed iconbar to the menu.
<script>
   jQuery(document).ready(function( $ ) {

   });
</script>
Dependencies:
Incompattible with: