The Layers tab displays the page's HTML structure in a nested format. Layers can be inspected and moved within this tab.
Layers can be moved by dragging and dropping the layers within the panel. This can be useful when wanting to manually reorganize large sections of code.
Use the Expand All or Select Element buttons to find the precise layer or element you wish to select.
In the video below, the Select Element button is used to select a section of the page. That section is then reorganized in the Layers tab panel, adjusting the order of sections.
Was this article helpful?