Getting Started

The navigation tree on your website builder allows you to quickly navigate to any specific Section, Container, Row, Column, or Element on your web page. This also helps you keep track of the structure and keep count of the existing items on your webpage

Using Navigator

To use the Navigation Tree, follow the steps below:

- On your website builder, move your cursor to the left panel and click on the Navigator option below Global Styles.




- A sidebar will appear, displaying a tree-like structure consisting of Sections or section names, Container, Rows, Columns, and Elements on that particular web page.

Refer to the GIF below





- Upon clicking any of the Sections, Rows, Columns, or Elements in the navigator you will be automatically scrolled to the position of that specific component on your builder.

Refer to the GIF below

Drag-and-Drop Components

You can drag and drop the components in your builder by dragging them from the navigation itself.

Refer to the GIF below to see how it works

Related Articles

Save as Collection

Responsive Settings

Updated on: 29/05/2024