In the product update in June, 2022 we added a useful design feature to help you clear your pages clutter.
Navigator is a navigation tree panel providing easy access to every control on the editor with just one click. Navigator enables the user to drag controls throughout the page and edit them, quickly and easily.
Navigator is particularly useful for long pages or pages with complex multi-layered design, and for controls combining Z-Index, minus margin, position absolute, etc. It allows you to access control handles that may be positioned behind other elements.
You can access Navigator by clicking on the elements button in the panel’s footer.
Choose a control to edit
Click once on any control to immediately scroll to its Edit panel.
Drag any control up or down and drop before or after any other element.
Hide / Show controls
Click the element’s View button to show or hide the controls, enabling you to better focus on design.
Note: This will not affect the front end of your website.
Collapse/Expand one element
Click an individual control’s arrow button to expand or collapse that control.
Collapse/Expand all elements
Click the up or down arrow button in the upper right of the Navigator panel to expand or collapse all of the controls at one time.
Position Navigator panel
Drag the Navigator panel anywhere on the page
Pin the Navigator panel to the side of the screen by click the pin button.