$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
Use menu class -menu
.
Add themes.
To make it vertical add modifier _vertical_
.
Use class -addon
to add an additional information about this menu to the right.
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.
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
.