Navigation is a crucial enough feature of a page builder. It allows you to effortlessly jump between elements on the page you are editing. Divi Builder already has a Wireframe Mode feature to make it easy for you to navigate to a certain element, be it section, row, or module. The problem is, when you activate this feature, the live preview mode is disabled so you won’t see the changes you made in real-time.
Recently, Elegant Themes introduced a new navigation feature called Layers View. This feature is pretty similar to Elementor’s Navigator. It allows you to go to a certain element (section, row, column, module) without disabling the live preview mode. This feature is especially quite useful if you are editing a long, complex page that consists of lots of elements. Not only you can use Layers View to navigate to a certain element, but you can also use it to manage the elements within your page. You can even edit an element.
Take a look at the video below.
How to use Layers View
To use Layers View, simply click its icon on the bottom side of the Divi Builder front-end editor. The Layers View panel will appear immediately. Or, you can also click the three-dot icon on an element and select Go To Layer. You can move the Layers View panel anywhere to make the element you want to edit keep visible.
If you don’t see the Layers View icon, make sure you have updated your Divi Builder to the latest version.
Here are the things you can do with the Layers View feature of Divi Builder.
- Navigate to an Element, be it a section, a row, a column or a module.
- Rename an element.
- Edit an element.
- Duplicate an element.
- Delete an element.
- Move an element.
- Search an element.
- Filter elements by type (section, row, column, module).
- And much more.
If you often create a long, complex page that consists of many elements with Divi Builder, this new navigation feature is certainly something you have been waiting for. You can now effortlessly navigate to an element and edit it without disabling the live preview so every change can be seen in real-time.