How to add items vertically in mega menu?

Mega menu is a type of expandable menu which shows submenu items in horizontal order.

There are 2 ways to adjust the position of menu items in vertical order:

1. Set suitable Column Width:

Set a number of columns which an item occupies in Column width, then when the total of columns in a row exceeds 12, the next item will be dropped to the second row.

For further explanation of Column width, please read this article.

2. Place submenu items in a heading item:

Submenu level 1 shows in horizontal order, but submenu level 2 will show in vertical order. Hence, putting submenu items into a heading item will make them turn into submenu level 2 and show vertically.

For example, we have a mega menu with 5 products sorted horizontally. Follow these steps below to make the last 3 products listed vertically.

• Add a submenu item > temporarily call it "New".

Enable "Display as heading item" (optional)

• Drag the last 3 products and drop under the "New" item to make them submenu items of it. Then you'll have 3 items listed vertically.

Updated on: 26/02/2025