Mega menu design options
Choose flex or grid layouts, column spans, image treatments and content wrapping for menu items.
Column design options
Compare the simple, inline image, image-only and hidden designs for second-level menu columns.
Additional customisation classes
Apply custom and built-in CSS classes to change individual menu item presentation.
Example menu: Featured images
Build a menu with navigation lists on the left and featured image links on the right.
Example menu: Grids
Use grid layouts and column spans to control menu widths, gaps and multi-row link lists.
Example menu: Multiple rows
Arrange second- or third-level menu items across multiple rows with a grid layout.
Example menu: Wrapping lists
Wrap a long list of child links across multiple columns in a grid layout.
Example menu: Stacked lists
Stack multiple short link lists within one grid column by configuring row spans.