Buenas, 🙂
Estoy teniendo un problema con el footer de mi web. Los contenedores de los encabezados de las columnas del footer cambian de tamaño dependiendo de la pagina en la que esté, y eso distorsiona el diseño, haciendo que el encabezso se vea muy mal. Esto también sucede cuando visualizo la web desde el móvil.
He revisado varias configuraciones y hasta añadí un CSS personalizado para intentar arreglarlo, pero no funcionó seguramente porque todavía estoy muy verde en temas de CSS. 🤣 🤣
¿Alquien sabe por qué puede estar pasando esto o cómo podría solucionarlo?
Adjunto dos fotos para que se vea la diferencia.
Muchas gracias de ante mano!
Contenido solo visible a usuarios registrados
Hola Albert,
Puedes compartirnos las URLs, es decir de las dos páginas que nos compartiste en imagen, adicional si ingreso a tu sitio lo que vemos es una página en mantenimiento, para poder validar lo que te sucede necesitamos que esté abierta.
Un saludo 🖐️
Hola @argenis,
He abierto casi todas las páginas y aquí te paso dos ejemplos:
· En esta página los contenedores se ven muy grandes y rompen el footer (tanto en Pc como en móvil):
👎 https://www.eltallerdelespiritu.org
·En esta otra, el footer se visualiza como me gustaría:
👍 https://www.eltallerdelespiritu.org/%f0%9f%8d%aa-politica-de-cookies/
No he podido identificar por qué ocurre solo en algunas, pero se repite en varias páginas. ¿Podrías ayudarme a revisar esto?
Gracias de ante mano.
Que tal Albert,
Al parecer tu sitio esta en modo mantenimiento y no podemos apreciar la diferencia que nos mencionas
Si lo puedes desactivar para revisar seria lo ideal
Quedamos atentos
Saludos!
Buenas!
Disculpad la tardanza en las respuestas.
El sitio web no aparece en mantenimiento , lo cambié un poco más tarde el día 24, se puede revisar sin problema!
Muchas gracias!
Hola Alberto,
En este caso lo que veo es que el contenedor añade un padding muy grande y por ellos se visualizan de esta forma, verifica si con el siguiente código CSS logras que en todas las páginas sean del mismo tamaño
h1.has-background, h2.has-background, h3.has-background, h4.has-background, h5.has-background, h6.has-background {
padding: .2em;
}
Este código debes añadirlo en el apartado de Apariencia → Personalizar → CSS Adicional
Prueba esto y nos comentas como va todo
Un Saludo
Hola Albert,
Gracias a ti, es un placer para nosotros siempre poder ayudarte.
No dudes en escribirnos si tienes cualquier otra consulta.
Un Saludo 😊