This article will cover information on the Layout Menu. The Layout Menu is used to display all the sections, rows, columns, collections, and elements on the page. The Layout Menu can also be used to quickly reorder and/or change the settings of the sections, rows, columns, collections, and elements on the page.

Layout Icon

Clicking on the Layout icon will open the Layout Menu as seen below:

Layout Menu

The Layout Menu will display all the Menu Items on the current page. Menu items are the sections, rows, columns, collections, and elements displayed in the Layout menu. The Menu Items will show in descending order, from the top of the page to the bottom of the page.

Menu Item Indentions

Any Menu Items indented to the right are located within the Menu Items above them that are indented more to the left. Making changes to a Menu Item could affect other Menu Items located within it. See the examples below:

In the above example - The Column is located inside of the Row because the Column is indented to the right of the Row. There is nothing indented below the Column. This means there are no Menu Items within the Column. Any changes made to the Column will only affect the Column.

In the above example - The Column and Row are located inside of the Section because the Column and Row are indented to the right of the Section.

If the Row were to be duplicated or deleted, then the Column within the Row would also be duplicated or deleted.

If the Section were to be duplicated or deleted, then both the Row and Column within the Section would also be duplicated or deleted.

If the visibility of a Menu Item is changed to desktop, mobile, both, or hidden, then it will also affect the visibility of the Menu Items within it.

Body Menu Item

All Menu Items will be located in the Body. This cannot be changed.

The Body only has one Item Sub-Menu option. More options cannot be added. See below for more information about the Item Sub-Menu.

Layout Show Menu

Clicking on the Layout Show Menu will filter the Menu Items in the Layout menu list. Below is an explanation of each filter option:

Everything

This option will display all of the Menu Items on the page.

Sections

This option will display only the Sections on the page.

Rows

This option will display only the Rows on the page.

Columns

This option will display only the Columns on the page.

Collections

This option will display only the Collections on the page.

Elements

This option will display only the Elements on the page.

Item Sub-Menu

By mousing over any Menu Item in the Layout list and then selecting the three dots, you will open the Item’s Sub Menu as shown below.

Below is an explanation of each option shown within the Item’s Sub Menu…

Settings

This will open up the settings of that particular Menu Item. This can also be achieved by simply double-clicking on the name of the menu item within the Layout Menu.

Duplicate

This will duplicate the menu item you have selected, as well as any Menu Items located within the Menu Item selected.

Rename

This will rename the Menu Item selected.

Move Up

This will change the position of the Menu Item selected above its current location, as well as any Menu Items located within the one selected.

Move Down

This will change the position of the Menu Item selected below its current location, , as well as any Menu Items located within the one selected.

Delete

This will delete the selected Menu Item, as well as any Menu Items located within the one selected.

Menu Item View Settings

To the right of each menu item are desktop and mobile icons. This will control the view settings of that particular Menu Item.

Desktop and Mobile View

When both the desktop and mobile icons are selected and shown in blue, the menu item will be visible in both desktop and mobile views.

Desktop View

When the desktop icon is selected and shown in blue and the mobile icon is not selected and shown in gray, then the menu item will only appear in the desktop view of the page.

Mobile View

When the desktop icon is not selected and shown in gray and the mobile icon is selected and shown in blue, then the menu item will only appear in the mobile view of the page.

Hidden

When both the desktop and mobile icons are not selected and shown in gray, then the menu item will be hidden and not visible in both desktop and mobile views.