Elementor’s Navigator feature is a powerful tool that enhances your editing experience by providing a hierarchical overview of your page structure. It allows you to navigate through different sections, columns, and widgets quickly and efficiently. Here’s how you can explore and utilize Elementor’s Navigator feature effectively:
Understanding Elementor’s Navigator
The Navigator in Elementor provides a detailed view of your page layout, displaying all the sections, columns, and widgets in a hierarchical structure. This makes it easy to locate and select specific elements for editing or reordering without scrolling through the entire page.
How to Access the Navigator
- Open Elementor Editor:
- Log in to your WordPress dashboard and navigate to the page or template you want to edit with Elementor.
- Click on the Edit with Elementor button to open the Elementor editor.
- Access the Navigator:
- Look for the Navigator icon within the Elementor panel. It typically resembles a bulleted list or a layer icon.
- Click on the Navigator icon to expand the panel and view the hierarchical structure of your page.
Using the Navigator
- Navigating through Elements:
- In the Navigator panel, you’ll see a structured list of sections, columns, and widgets.
- Click on any item in the Navigator to select and highlight it on your page canvas.
- Editing Elements:
- Once selected, you can edit the properties, content, or styling of the element directly in the Elementor editor.
- Reordering Elements:
- Drag and drop sections, columns, or widgets within the Navigator panel to reorder them on your page canvas. This provides a quick way to rearrange content without manually dragging elements across the page.
- Adding New Elements:
- You can also add new elements directly from the Navigator panel. Right-click on a section or column and choose Add New Section or Add New Column to expand your layout.
- Filtering and Searching:
- Use the search bar at the top of the Navigator panel to quickly find specific elements by name or type (e.g., heading, image).
Benefits of Using the Navigator
- Efficiency: Quickly locate and select elements without scrolling through long pages.
- Precision Editing: Easily edit, rearrange, or delete elements with a clear overview of the page structure.
- Accessibility: Accessible navigation for complex layouts, making it easier to manage and maintain your website.
Tips for Effective Use
- Organization: Name sections, columns, and widgets descriptively to make them easily identifiable in the Navigator.
- Workflow Optimization: Incorporate the Navigator into your workflow to streamline editing tasks and save time.
- Training and Familiarization: Familiarize yourself and your team with the Navigator to leverage its full potential for efficient page management.
By mastering Elementor’s Navigator feature, you can navigate your page layouts with ease, enhance productivity during editing sessions, and maintain a well-organized and visually appealing website design.
