> ## Documentation Index > Fetch the complete documentation index at: https://docs.landerlab.io/llms.txt > Use this file to discover all available pages before exploring further. # Use o painel de camadas para gerenciar a estrutura da página > Use o painel de camadas para gerenciar a estrutura da página, organizar elementos e navegar e editar layouts complexos com facilidade. O painel Layers (Camadas) mostra a **estrutura completa da sua página** em uma visualização clara, em formato de árvore.
Ele ajuda você a entender como tudo está organizado e facilita selecionar, gerenciar e reorganizar os elementos. *** ## Onde encontrar 1. Abra sua página no editor 2. Clique no **ícone de Layers** na barra lateral esquerda *** ## O que você vê * Uma estrutura hierárquica (em árvore) da sua página * Seções, containers e elementos aninhados uns dentro dos outros * Cada item representa um bloco no seu canvas Exemplo: * Wrapper * Section * Container * Text * Image * Button *** ## O que você pode fazer ### Selecione elementos com facilidade Clique em qualquer item do painel Layers para selecioná-lo instantaneamente no canvas. *** ### Entenda a estrutura Veja como os elementos estão agrupados: * Quais itens estão dentro de containers * Como as seções são construídas * Onde cada elemento se encaixa *** ### Reordene elementos Você pode arrastar e reordenar elementos **dentro do mesmo elemento pai**. Por exemplo: * Mover um botão para cima de um texto dentro do mesmo container * Reordenar itens dentro de uma seção *** ## Limitação importante Você **não pode mover elementos entre elementos pai diferentes** pelo painel Layers. * Você pode reordenar dentro do mesmo container * Mas não pode arrastar um elemento de um container/seção para outro *** ## Por que ele é útil * Encontre rapidamente elementos ocultos ou difíceis de clicar * Mantenha seu layout organizado * Corrija problemas de estrutura com facilidade * Trabalhe mais rápido em páginas complexas *** ## Navegação em árvore (Tree Navigation) A **Tree Navigation** (geralmente exibida como uma **trilha de navegação, ou breadcrumb,** na parte inferior do editor) é um recurso essencial do editor visual que ajuda você a selecionar e navegar entre os diferentes elementos aninhados que compõem o layout da sua landing page. Isso é fundamental porque os layouts modernos dependem de colocar elementos *dentro* de outros containers (como Sections, Boxes ou Columns). ### Como a Tree Navigation funciona A navegação aparece como uma lista horizontal de nomes de elementos na parte inferior do canvas do editor. Ela mostra o elemento que você selecionou e todos os containers pai dele, começando pelo elemento mais amplo (como a Section) até o mais específico (como Text ou Image). ### Principais usos da Tree Navigation #### 1. Selecionar containers pai Quando você trabalha com elementos dentro de uma Horizontal Box ou Vertical Box, pode ser difícil selecionar o próprio container apenas clicando no canvas. A Tree Navigation facilita isso. #### 2. Identificar o aninhamento e a estrutura A trilha oferece um mapa visual imediato da estrutura da sua página. #### 3. Saltos rápidos entre componentes A navegação permite que você salte rapidamente entre componentes aninhados sem precisar clicar com precisão em elementos minúsculos diretamente no canvas.