Arrange menu items in Masonry

Masonry grid is a Premium feature and is only available in Mega submenu and Tab submenu.

Here is the difference when you enable the Masonry grid for the submenu.
When Masonry grid is disabled, the position of menu items in the second row depends on the height of the first row, which can leave empty vertical space.

When Masonry grid is enabled, menu items will place in optimal position based on available vertical space, sort of like a mason fitting stones in a wall:

When Masonry grid is enabled, you can set the number of columns you want to divide the menu into.
Columns will be divided equally, and the Column width option set in each menu item will not work.

Columns in masonry don't place in left-to-right order.
The position of columns depends on the available vertical space.
This is the algorithm of Masonry layout:

So in menu, it looks like this:

NOTE: Recommend to disable the "Edit on Preview" to see the right position of menu items in Masonry.

Updated on: 03/01/2025