Alguma vez enquanto desenhava um tema ou trabalhava no design de um site presenciou sua sidebar abaixo do conteúdo do seu site? Essa não é a primeira vez que ouvimos falar disso por isso decidimos escrever este artigo. Neste artigo, nós iremos lhe mostrar como corrigir a Sidebar abaixo do conteúdo no WordPress.

Porque Minha Sidebar Esta Abaixo do Conteúdo do Site?

A razão da sua Sidebar/Widget esta abaixo do conteúdo em seu Site é porque existe um erro de HTML ou CSS no seu tema.

Como eu posso prevenir minha Sidebar de ficar abaixo do conteúdo?

Nós resolvemos esse problema para inúmeros clientes. Em 90% dos casos a razão era a mesma. Havia um elemento div não fechado na página. Também pode ser que exista um elemento div extra sendo fechado na página o que faz parecer que sua sidebar esta fora do elemento wrap. Vamos dar uma olhada no nosso passo a passo abaixo.

– Isso é algo que começou a acontecer recentemente? Só acontece em uma página especifica? Se a sua resposta é SIM, então a resolução a seguir é para você.

Procure por qualquer coisa que você tenha modificado recentemente. Você adicionou algum Plugin? Fez alterações relacionadas ao HTML? A página especifica tem um elemento <div> nele? Tenha certeza que eles estão fechados apropriadamente. Uma das melhores formas para encontrar o erro é usando o W3 Validator.

Use esta imagem para entender o que está acontecendo:

Outros problemas comuns

Se você estiver criando um tema personalizado, e esse problema estiver acontecendo com você, então pode ser alguns problemas comuns. Um deles nós relevamos a você acima. Alguns outros poderia ser:

Largura inapropriada. Se a largura do seu container é somente 960px, então você tem que manter a proporção das coisas. Por exemplo, largura do conteúdo 600px, largura da sidebar 300px e 60px de espaço entre eles.

Outro problema poderia ser a propriedade float. Se você tem que ter certeza que adicionou float:left e float:right nos elementos apropriados. Se você não fizer isso, então não irá funcionar.

Se você gostou desse artigo considere compartilhar nas redes sociais. Siga-nos nas redes sociais para acompanhar mais artigos como esse. Se de alguma forma este artigo lhe foi útil deixa seu comentário abaixo para podermos saber a sua opinião.