How To Use The Avada Live Navigator

Last Update: April 12, 2024

The Wireframe editing mode in Avada Live has been deprecated in favor of the Avada Live Navigator, providing a significant improvement in how you can manage the Elements on the page. Read on to get the most out of this new and improved tool, and watch the video for a visual overview.

For privacy reasons YouTube needs your permission to be loaded.
I Accept

Displaying The Avada Live Navigator

By default, Avada Live opens with the Sidebar open to the Navigator, which shares the third tab of the sidebar with the Element Controls. If you edit an Element, the Navigator will be replaced by the Element Controls. To view it again, simply close the Element Controls, and it will reappear.

Avada Live > Navigator > Close Element

Collapsing / Expanding The Elements

There are collapse/expand controls on every Element and including one at the very top of the Navigator. This collapses the content to the Container level. You can also expand or collapse and Element on the page individually.

Avada Live > Navigator > Collapse / Expand Elements

Live Navigator Tools

If you mouse over any element, including Containers and Columns), you will see a range of tools apear next to the title of that Element. Here, you can Edit, Add, Clone or Delete. If you click the title, the selected element will be temporarily highlighted on the page, as seen in the screenshot below.

Avada Live > Navigator > Select Element

Moving Elements

You can also move any Element on the page by selecting it and dragging it to its new location. A line will show you where the Element can be dragged to. In the screenshot below, the About Avada Caterer Container is being repositioned unded the Catering Services Container.

Avada Live > Navigator > Move Element

With the Avada Live Navigator, you have full control over the Elements of your page, in a clear, structual display. Try it out. It’s just another way to help you work the way you want to in Avada.