Navigator - Creative Elements

Articles

Creative Popup

Creative Slider

You can open the Navigator panel in two primary ways:

Click the Navigator icon () in the editor's bottom bar.
Right-click on any element on the page and select "Navigator" from the context menu.

The Navigator will appear as a floating panel that you can move and resize to suit your workflow.

The Navigator provides a clear, layered view of your page structure.

The Navigator is more than just a list; it's an interactive tool for managing your page.

View Page Structure: Instantly see the hierarchy of your page, with widgets nested inside columns, and columns inside sections. You can expand or collapse items to focus on specific areas.
Select Elements: Clicking on any element in the Navigator will select it on the canvas and automatically open its settings panel in the sidebar. This is extremely useful for selecting elements that are hard to click due to overlapping or complex layouts.
Rename Elements: Double-click on any element's name to give it a custom label (e.g., "Hero Section", "Contact Form Column"). This helps you organize your page and quickly identify components, which is especially helpful for long pages or when collaborating with others.
Reorder Elements: Drag and drop any element within the Navigator to change its position on the page. You can move widgets between columns, reorder entire sections, or rearrange columns within a section with precision.
Show or Hide Elements: Click the eye icon () next to any element to hide it on the canvas. This is a powerful feature for responsive design, allowing you to temporarily hide elements while you work or set different visibility for desktop, tablet, and mobile views.
Access the Context Menu: Right-click on any element in the Navigator to open a context menu with actions like Edit, Duplicate, Copy, Paste, and Delete.