The layers panel provides a structural tree view of your page, displaying every section, column, and block in a clear, nested outline. This bird's-eye perspective makes it easy to understand your layout at a glance, select elements that are difficult to reach on the canvas, and rearrange your content with precision.

Clicking any item in the layers panel instantly selects it across your workspace. The item highlights within the structural tree, the corresponding element is selected on the canvas, and the left sidebar automatically switches to reveal that specific block's settings. This synchronized view makes it easy to locate hard-to-reach elements and immediately access their configuration options.

Each item in the layers panel has a small grip handle on its right side. Grab the handle and drag to reorder elements within your page structure.

Expanding and collapsing

Tip

When working on a long page with many sections, collapsing the ones you are not focused on keeps the panel manageable.

Built byHuman

This content was designed and written by a human.