How To Access The Wireframe
When you are in Avada Live, you will see the Wireframe Toggle icon in the Toolbar at the top of the page. It is the third one on the right-hand side, as seen in the image below. Click on this to view the wireframe, in place of the live content. Just note that headers, footers, and sliders, etc will remain in live view, as these are not created in the page builder.
Using The Wireframe
Apart from being useful to orient yourself, as you transition from back-end to front-end editing, you can also edit your page in this hybrid mode, just as you would with the back-end editor, but just from within the front-end interface. You can do everything you can in the back-end editor, from creating, moving and naming containers, through to full editing of their contents. It truly is the best of both worlds.
Editing Elements Using The Wireframe
Once you have the wireframe open, editing an element opens the Element Options panel in the Sidebar. This panel has identical contents as when you are editing elements in the back-end. Simply make your changes you can save your changes to the page at any time by clicking the Save Button at the top right on the Toolbar.
To exit the wireframe view, just click on the wireframe icon once more, and you will be returned to the standard workspace in Avada Live.