Cómo arreglar la barra lateral debajo del error de contenido en WordPress

Recientemente, uno de nuestros usuarios nos hizo la pregunta: cómo corregir el error de contenido de la barra lateral debajo de WordPress. Esta no es la primera vez, hemos recibido esta pregunta, por lo que decidimos escribir una publicación al respecto. En este artículo, le mostraremos cómo corregir el error de contenido debajo de la barra lateral en WordPress.

¿Por qué mi barra lateral está cayendo debajo de mi contenido??

La razón por la que su barra lateral está cayendo debajo de su contenido es porque hay un error HTML o CSS en su tema.

¿Cómo puedo evitar que la barra lateral caiga debajo del contenido??

Hemos solucionado este problema para numerosos usuarios. 9 de cada 10 veces, la razón es la misma. Hay un elemento div no cerrado en la página. También podría ser que haya un elemento div adicional que se está cerrando en la página, lo que hace que parezca que la barra lateral está fuera del elemento de ajuste. Entonces, ¿qué significa esto en inglés? Vamos a solucionarlo paso a paso.

¿Es esto algo que comenzó a suceder recientemente? ¿Solo está sucediendo en una publicación o página específica? Si su respuesta es SÍ, entonces la siguiente solución es para usted.

Mire a través de cualquier cosa que haya cambiado recientemente. ¿Añadiste un plugin? ¿Hizo algún cambio relacionado con HTML? ¿Su contenido específico de publicación o página tiene bloques en ellos? Asegúrese de que estén bien cerrados. Una de las mejores maneras de descubrir el error es usando el Validador W3.

Use esta tabla para entender lo que está pasando:

Si está creando un tema personalizado y este problema está ocurriendo con usted, podría haber algunos problemas. Un tema que ya te hemos revelado anteriormente. Pocos otros problemas podrían ser:

Relación de ancho impropio. Si el ancho de su contenedor es solo de 960px, entonces debe mantener las cosas proporcionales. Por ejemplo, el ancho del contenido 600px y el ancho de la barra lateral 300px con un margen de 60px entre ellos.

El otro problema podría ser la propiedad flotante. Tienes que asegurarte de que agregas float: left; y flotar: derecho a los elementos apropiados. Si no haces eso, entonces no funcionará.

Esperamos que este artículo le haya mostrado cómo corregir el error de contenido debajo de la barra lateral en WordPress..