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.
