Articles on: Website Builder

Navigator

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








Save as Collection


Responsive Settings




Updated on: 29/05/2024

Was this article helpful?

Share your feedback

Cancel

Thank you!