Fire the plugin

After you've set up the HTML for the page and header, all you need to do, is fire the plugin onDocumentReady. If you're also using the jQuery.mmenu plugin, fire that first.

<script type="text/javascript">
   $(document).ready(function() {
      $("#my-menu").mmenu();
      $("#my-header").mhead();
   });
</script>

Options

The jQuery.mhead plugin provides a set of options for customizing your menu. The default option values can be overridden by passing new values to the method.

<script type="text/javascript">
   $(document).ready(function() {
      $("#my-header").mhead({
         scroll: false
      });
   });
</script>

For a complete overview of all options, check out the documentation.

Next up:
Learn more