# Como esconder elementos no construtor por Componentes

Objetivo: Ensinar como esconder um elemento ou linha na visão do computador ou celular.\
Para que serve: Ao esconder elementos em dispositivos diferentes, é possível adaptar a página para cada lugar em que ela será acessada.\
Requisito obrigatório: Ter uma página feita no Construtor por Componentes, o editor padrão da leadlovers.

### Como posso usar? <a href="#como-usar" id="como-usar"></a>

Com a possibilidade de esconder um componente da página no computador ou celular, é mais fácil fazer ajustes de modo que ela sempre se encaixe em todos os dispositivos.

Por exemplo: se um texto ficou muito grande no celular, é possível escondê-lo e criar um novo com fonte menor para a visualização exclusiva em dispositivos móveis.

### Como esconder um elemento da página? <a href="#como-esconder" id="como-esconder"></a>

Nº1– Dentro do editor, clique sobre o elemento específico ou linha que deseja esconder na visão do computador ou celular.

Nº2– No menu que abrir na lateral direita, encontre a opção “Esconder”.

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img01-5.png" alt=""><figcaption></figcaption></figure>

#### Escondendo no computador <a href="#no-computador" id="no-computador"></a>

Nº3– Se quiser que o elemento ou linha não apareça quando acessar a página pelo computador, selecione a primeira opção.

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img02-5.png" alt=""><figcaption></figcaption></figure>

Fazendo isso, ao entrar na página pelo computador a parte que foi escondida não ficará mais visível, assim como no exemplo:

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img03-4.png" alt=""><figcaption></figcaption></figure>

No entanto, ainda aparecerá no celular:

[![](https://legado.leadlovers.site/wp-content/uploads/2022/01/img04-4-169x300.png)](https://legado.leadlovers.site/wp-content/uploads/2022/01/img04-4.png)

#### Escondendo no celular <a href="#no-celular" id="no-celular"></a>

Nº4– Se quiser esconder na visão do celular e deixar o elemento ou linha aparecendo somente no computador, clique sobre a segunda opção.

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img05-5.png" alt=""><figcaption></figcaption></figure>

Dessa forma, o elemento ou linha continuará visível no computador:

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img06-4.png" alt=""><figcaption></figcaption></figure>

E na visão do celular, o mesmo desaparecerá:

[![](https://legado.leadlovers.site/wp-content/uploads/2022/01/img07-3-189x300.png)](https://legado.leadlovers.site/wp-content/uploads/2022/01/img07-3.png)

Nº5– Para cancelar as edições e deixar o elemento ou linha visível em ambos, clique no ícone de “X”.

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img08-1.png" alt=""><figcaption></figcaption></figure>

### Exemplo prático de uso <a href="#exemplo-pratico" id="exemplo-pratico"></a>

No exemplo abaixo, o tamanho da fonte do título é de 95px.

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img09-1.png" alt=""><figcaption></figcaption></figure>

Quando a página é visualizada no computador, ele fica ideal:

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img10.png" alt=""><figcaption></figcaption></figure>

No entanto, quando visualizada no celular a fonte ocupa mais espaço:

[![](https://legado.leadlovers.site/wp-content/uploads/2022/01/img11-143x300.jpeg)](https://legado.leadlovers.site/wp-content/uploads/2022/01/img11.jpeg)

Para solucionar esta questão, nós duplicamos dentro do editor o mesmo título e o deixamos com uma fonte menor de 55px.

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img12.jpg" alt=""><figcaption></figcaption></figure>

Escondemos então a fonte maior na visão do celular:

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img13.jpg" alt=""><figcaption></figcaption></figure>

Já com relação à fonte menor, nós escondemos na visão do computador:

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img14.jpg" alt=""><figcaption></figcaption></figure>

No resultado final, a fonte maior se manteve igual no computador:

<figure><img src="https://legado.leadlovers.site/wp-content/uploads/2022/01/img15.png" alt=""><figcaption></figcaption></figure>

E a fonte menor se encaixou no celular:

[![](https://legado.leadlovers.site/wp-content/uploads/2022/01/img16-143x300.jpeg)](https://legado.leadlovers.site/wp-content/uploads/2022/01/img16.jpeg)

Dentro do editor os dois títulos permaneceram visíveis, no entanto, com a opção de esconder em diferentes dispositivos, foi possível ajustar a página de modo que ela se encaixasse em diferentes dimensões.

**Suporte**

Se surgir qualquer dúvida ou situação, ou se precisar de qualquer ajuda durante este procedimento, por favor, **entre em contato com o nosso suporte**!


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://central.ajudaleadlovers.com/paginas/construtores-leadlovers/construtor-de-paginas/como-esconder-elementos-no-construtor-por-componentes.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
