Página Quebrada/Desconfigurada

Como identificar e corrigir quando o site quebra por código HTML mal fechado

O Problema

Seu site está com um ou mais desses sintomas:

Imagens sumiram
Efeitos não funcionam (setas, cards, animações)
Seções inteiras desapareceram
Layout totalmente quebrado a partir de um ponto da página

Na maioria das vezes, o problema é um código HTML que foi aberto e não foi fechado corretamente. Um simples <b> sem </b> ou uma tag <style> sem </style> pode quebrar o site inteiro.

Veja como identificar e resolver

Por que isso acontece?

Os erros mais comuns são:

Tag <b> aberta sem fechar — Você abre um <b> e esquece de colocar o </b>
Tag <style> sem fechamento — Abre um <style> e não coloca o </style> no final
Tag <span> aberta ou incompleta — Apaga parte de um span e deixa ele aberto
Código HTML colado incompleto — Copiou um código e faltou uma parte

Como identificar no Elementor: Quando você abre um código HTML e vê um X vermelho em alguma linha, significa que tem algo faltando ali.

Como resolver: Passo a Passo

Identifique a partir de onde o site quebra

Abra o site e observe: a partir de qual seção o layout começa a quebrar? Tudo acima dela provavelmente está OK. O problema está nessa seção ou nas anteriores.

Revise os elementos dessa seção

No Elementor, clique em cada elemento da seção problemática. Procure por widgets de código HTML ou campos de texto que contenham código.

Procure pelo X vermelho no código

Ao abrir o código HTML, verifique se aparece um X vermelho em alguma linha. Isso indica que tem algo errado ali — geralmente uma tag aberta sem fechar.

Feche a tag que está aberta

Exemplos de correção:

**Tag `<style>` sem fechamento:**

```html

<!-- ERRADO -->

<style>

  .destaque { color: red; }



<!-- CERTO -->

<style>

  .destaque { color: red; }

</style>

```



**Tag `<b>` sem fechamento:**

```html

<!-- ERRADO -->

<b>Texto em negrito



<!-- CERTO -->

<b>Texto em negrito</b>

```



**Tag `<span>` sem fechamento:**

```html

<!-- ERRADO -->

<span class="destaque">Texto



<!-- CERTO -->

<span class="destaque">Texto</span>

```

Regra: Toda tag que abre precisa fechar. Para fechar, adicione a mesma tag com uma barrinha: <tag> abre, </tag> fecha.

Salve e atualize o site

Depois de fechar a tag, clique em Atualizar no Elementor e recarregue o site no navegador. Tudo deve voltar ao normal.

Dica para evitar esse problema

Na hora de construir, sempre que inserir código HTML, verifique se todas as tags estão fechadas antes de salvar. Isso evita dor de cabeça depois.

Ainda com problemas?

Se mesmo depois de revisar o código o site continuar quebrado, chama a gente no suporte.

Comunidade Discord

Tire dúvidas com outros membros

Suporte WhatsApp

Fale diretamente com o suporte