Browser

In Elementor Version 2.2 We added a useful layout feature to help you clear clutter from your pages.

Browser is a navigation tree pane that provides easy access to all editor elements with a single click. Browser permite al Username arrastrar elementos por la página y editarlos, rápida y fácilmente.

Browser it is particularly useful for long pages or pages with a complex multi-layer layout and for elements that combine Z-Index, less margin, absolute position, etc. Allows you to access item identifiers that may be located behind other items.

Access browser

You can access Navigator in one of three easy ways:

1. Right-click on any item and then click Browser. This will automatically redirect you to the specific item in the navigation tree.
2. Click the items button in the panel footer.
3. Use the keyboard shortcut Cmd / Ctrl + I.

Note: if the user is an editor and the «Acceso para editar contents únicamente«Is marked for the editor role in the role manager settings, then the browser function will not be available to the user.

Choose an item to edit

Click once on any item to immediately move to its Edit panel.

Rearrange items

Drag any item up or down and drop it before or after any other item.

Right click options

Right-click an item to enable all the normal context menu options such as Edit, Duplicate, Copy, Paste, etc.

Hide / Show elements

Click on the item Watch button to show or hide the item, allowing you to better focus on the layout.

Note: Esto no afectará la interfaz de su sitio Web.

Name elements

1. Double click on the element name. The area will change to a blue highlight, indicating that you are in insert / edit mode.
2. Enter a custom name to help you easily identify the item at a later time.

Collapse / expand an item

Click the arrow button for an individual item to expand or collapse that item.

Collapse / Expand all items

Click on the or down arrow button at the top left of the Navigator panel to expand or collapse all items at once.

Position navigation panel

Float

Drag the browser panel anywhere on the page

Dock

Pin the Navigator panel to the side of the screen by placing it within the vertical blue drop zone that appears when the panel is dragged near the right side of the screen.