Columns introduction

To split the panels up into multiple columns, use the columns options and configuration.

<script>
    document.addEventListener(
        "DOMContentLoaded", () => {
            new Mmenu( "#my-menu", {
                columns: {
                    // columns options
                }
            }, {
                columns: {
                    // columns configuration
                }
            });
        }
    );
</script>

Options for the "columns" add-on

Option Datatype Default value Description
columns A map of options, true for columns.add or a number for columns.visible
{
add Boolean false 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 Number 3 The maximum number of visible columns.
min Number 1 The minimum number of visible columns.
}
}

Configuration for the "columns" add-on

The "columns" add-on has no configuration options.

CSS variables for the "columns" add-on

The "columns" add-on has no CSS variables.

SCSS variables for the "columns" add-on

Variable Datatype Default value Description
Include CSS
$mm_include_columns Boolean true Whether or not to include CSS for the columns add-on throughout the entire CSS framework.

API methods for the "columns" add-on

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

Next add-on:
Counters