Fixed elements introduction

If your page contains elements with position: fixed; that suddenly disappear when opening the menu, first include the "fixedElements" add-on .js file.

<head>
   <script src="path/to/jquery.js" type="text/javascript"></script>
   <script src="path/to/jquery.mmenu.min.js" type="text/javascript"></script>
   <script src="path/to/jquery.mmenu.fixedelements.min.js" type="text/javascript"></script>
   <link href="path/to/jquery.mmenu.css" type="text/css" rel="stylesheet" />
   <script type="text/javascript">
      $(document).ready(function() {
         $("#my-menu").mmenu();
      });
   </script>

Next, add the class Fixed to the fixed elements.

<div id="my-page">
   <div id="my-header" class="Fixed">
      The header.
   </div>
   <div id="my-content">
      Some text.
   </div>
</div>

If you're using a different classname (for example "header"), you must specify this in the classNames.fixedElements.fixed options in the configuration object.

<script type="text/javascript">
   $(document).ready(function() {
      $("#my-menu").mmenu({
         // options
      }, {
         // configuration
         classNames: {
            fixedElements: {
               fixed: "header"
            }
         }
      });
   });
</script>

Options for the "fixedElements" add-on

The "fixedElements" add-on has no options.

Configuration for the "fixedElements" add-on

The "fixedElements" add-on has no configuration options, it does add an object to the classNames option.

$.mmenu.configuration.classNames.fixedElements = {
   fixed: "Fixed"
};

API methods for the "fixedElements" add-on

The "fixedElements" add-on has no API methods.

SCSS variables for the "fixedElements" add-on

The "fixedElements" add-on has no SCSS variables.

SCSS mixins for the "fixedElements" add-on

The "fixedElements" add-on has no SCSS mixins.

Next add-on:
Icon panels