Menu

Global variables

$nav-menu-class: "-menu" !global
$nav-menu-items-padding-vertical: $base-padding-vertical !global
$nav-menu-items-padding-horizontal: $base-padding-horizontal !global
$nav-menu-items-border-width: 1px !global
$nav-menu-items-border-radius: 0px !global
$nav-menu-items-margin: 1px !global

Basic use

Use menu class -menu.

Add themes.

Vertical menu

To make it vertical add modifier _vertical_.

Addon

Use class -addon to add an additional information about this menu to the right.

Add responsiveness

To make menu responsive just add modifier _responsive_. Try to change window size to see effect. It will become vertical on small devices. But you still need manually configurate submenus position. Read about that below.

Add submenus

To add submenu just add widget -drop with -menu inside.

To change dropdown position use position modifiers _top_, _bottom_, _left_, _right_. For more information look dropdown section.

Dropdown will be visible only if parent item is _active_. If you want to make it visible on :hover, add modifier _hovered_ to the root -menu.