Additional customization classes

Custom classes can be added to each menu item. This can be helpful when extending or creating your own menu designs. 

We also have a few built-in classes that can be used to further customize the look and feel of a menu item. 

title-first

Adding the "title-first" class will reverse the order of a menu item image and text so that the text or "title" is shown first and the image is after. 

hide-title

Adding "hide-title" will hide this menu items text or "title". This is useful when creating image-only columns. 

In this example, the last three menu items consist of a link and image but the title text is hidden. 

square-images

Adding the class "square-images" is helpful when using the "Inline images" design to show images as squares rather than circles. 

bold

Use "bold" to change the font-weight. This can be used to help promote certain links within the menu, e.g. View All.

auto-width

Use "auto-width" on a top-level menu item to scale the flyout menu from full-width to the size of the menu items beneath it.