To split the panels up into multiple columns,
include the "columns" add-on .js and .css files and use the columns
options.
<head> <script src="path/to/jquery.js"></script> <script src="path/to/jquery.mmenu.js"></script> <script src="path/to/jquery.mmenu.columns.js"></script> <link href="path/to/jquery.mmenu.css" rel="stylesheet" /> <link href="path/to/jquery.mmenu.columns.css" rel="stylesheet" /> <script> $(document).ready(function() { $("#my-menu").mmenu({ columns: { // columns options } }); }); </script>
Give it a go, click the menu icon in the header to open the menu.
<script> $(document).ready(function() { $("#my-menu").mmenu({ columns: true }); }); </script>Open in a new window
Option | Default value | Datatype | Description |
columns | A map of options,
true for columns.add or
a number for columns.visible |
||
{ | |||
add | false |
Boolean | Whether or not a to split up the panels in multiple columns. |
visible | A map of options or a number for columns.visible.max and columns.visible.min . |
||
{ | |||
max | 3 |
Number | The maximum number of visible columns. |
min | 1 |
Number | The minimum number of visible columns. |
} | |||
} |
The "columns" add-on has no configuration options.
The "columns" add-on has no API methods.
The "columns" add-on has no CSS variables.
Variable | Default value | Datatype | Description |
Include CSS | |||
$mm_opt_columns | true |
Boolean | Whether or not to include CSS for the columns add-on throughout the entire CSS framework. |
Next add-on:
Counters