Skip to main content

Column design options

Set a column design on a second-level menu item to control how its child links appear.

Column design selector on a second-level menu item

Simple​

The default column design option simply shows menu items in a list. In this instance, additionally, the second-level menu items have images assigned to them.

Simple column design with an image above a list of links

Images inline​

This design option changes the way that images are shown when assigned to third-level menu items. They are shown inline within circles.

Inline image design with circular images beside links

To show square images instead of circles, add the square-images CSS class to the second-level item on its customisation tab.

Images only​

When set on the second-level menu item, the titles/names of all third-level menu items will be hidden and only their images will be shown. This can be used to create image-only promotional blocks.

Image-only promotional menu columns

Hidden​

Use Hidden to create an empty column and add space between items. This is most useful when the top-level item uses Flex. With Grid, create empty space by adjusting the column spans instead.