How to Identify Your Grid Type
The Site Editor offer two grid systems: the Drag and Drop Grid and the Container Grid. To identify your grid type, click the Show Layout button on the left sidebar and follow these visual cues:
- Drag and Drop Grid. The Drag and Drop Grid offer total flexibility, allowing you to place elements anywhere within the grid lines of a section, and overlap elements without restrictions.
- Container Grid. The Container Grid is designed for more structured layouts, ensuring elements snap into organized columns and rows.
Adding Elements (Drag and Drop Grid)
Option 1
- Hover over the desired section and click Add Element:
- Choose the element from the modal that appears:
- After you choose the element from the list, drag it to the desired section and drop using the grid:
Option 2
- Hover over the left sidebar of the Site Editor and click Build (+) button:
- Choose the element:
- After you choose the element from the list, drag it to the desired section and drop it using the grid.
Please refer to the Elements Management (Drag and Drop Grid) article to learn more about managing elements for the Drag and Drop Grid. To learn more about the Sections for this grid type, please refer to Sections Management (Drag and Drop Grid).
Adding Elements (Container Grid)
Option 1
- Hover over the desired section and click Add Element:
- Choose the element from the modal that appears:
- After you choose the element from the list, drag it to the desired section.
Option 2
- Hover over the left sidebar of the Site Editor and click Build (+) button:
- Choose the element:
- After you choose the element from the list, drag it to the desired section.
Please refer to the Elements Management (Container Grid) article to learn more about managing elements for the Container Grid. To learn more about the Sections for this grid type, please refer to Elements Management (Container Grid).