Options and classnames for the menu (NAV)

Option Classname Description
dm-menu (required)
menu.align dm-menu_align-right[/-center/-justify] Aligns the main items to the left, right, center or justify:
menu.align = false; // "right" / "center" / "justify"
menu.border dm-menu_border Adds a border (bottom) to the bottom of the menu.
menu.border = false; // true
menu.logo dm-menu_logo Styles a logo in the menu (if present).
menu.logo = true; // false
item.bg dm-menu_item-bg Adds a background to main items onHover.
items.bg = true; // false
item.border dm-menu_item-border Adds a border (bottom) to main items onHover.
items.border = false; // true
item.subindicator dm-menu_item-subindicator Adds a subindicator to main items.
items.subindicator = false; // true
submenu dm-menu_submenu Required for submenus.
submenus = {}; // false
submenu.arrow dm-menu_submenu-arrow Adds an arrow that points to the main item.
submenus.arrow = false; // true
submenu.border dm-menu_submenu-border Adds a border (top) to submenus.
submenus.border = false; // true
submenu.shadow dm-menu_submenu-shadow Adds a shadow to submenus.
submenus.shadow = true; // false
subitem.bg dm-menu_subitem-bg Adds a background to subitems onHover.
submenus. = true; // false
subitem.border dm-menu_subitem-border Adds a border between subitems.
subitems.border = true; // false

Classnames for all items (NAV LI)

Original Refactored Description
Selected dm-selected Makes the item (and all parent items) appear "selected".

Classnames for main items (NAV > UL > LI)

Original Refactored Description
AlignRight dm-item_align-right Aligns a main item to the right.
IconHidden dm-item_icon-hide Uses the icon as a fallback for when the menu is too small for all items to fit.
SubmenuAlignRight dm-item_submenu-align-right Aligns the submenu to the right.
Note: submenus are aligned automatically to fit within the viewport.
SubmenuFullwidth dm-item_submenu-fullwidth Makes the submenu fill up the full width of the menu.
SubmenuMega dm-item_submenu-mega Turns the submenu into a mega menu.
SubmenuTabs dm-item_submenu-tabs Turns the submenu into a tabs menu.
Note: Works well with the class "dm-item_submenu-mega" on the subitems.

Classnames for subitems (NAV LI LI)

Original Refactored Description
SubmenuAlignRight dm-subitem_submenu-align-right Aligns the sub-submenu to the right.
Note: sub-submenus are aligned automatically to fit within the viewport.
SubmenuInline dm-subitem_submenu-inline Makes the sub-submenu appear inline.