Un usuario preguntó 👇
Hola, estoy buscando replicar nuestro sitio web local de acuerdo con la marca nacional. Desde que actualicé el sitio con el nuevo tema, el ancho del texto del tema se desborda en el lado derecho de la pantalla y ahora agrega una barra de desplazamiento horizontal en la parte inferior. Esto no sucede en el tema anterior, pero ahora está en todas las páginas web (incluso las nuevas agregadas desde que se cambió el tema). Intentamos eliminar el formato, volver a cargar y reinstalar el tema, pero fue en vano. Me puse en contacto con el líder de la marca para tratar de entender el problema, pero nunca volvió a contactarme. Ninguno de los sitios Web de muestra que tienen parece tener el mismo problema.
¡Agradeceríamos cualquier ayuda! Atentamente, Michela
(@anevins)
Donante de WCLDN 2018 Apoyo voluntario
Hace 1 año, 5 meses
Noté que muchas cosas tenían un ancho de “100%” pero también estaban acolchadas. Supongo que sabes lo que quiero decir con esto. El acolchado agrega ancho, por ejemplo, tome este estilo
#content {
...
padding-left: 20%;
padding-right: 20%;
width: 100%;
...
}
El ancho será igual a «100%» + «40%» (que es bastante grande).
Para encontrar el ancho para comprender e incluir los valores de relleno, use un modelo de «tamaño de caja» de un «cuadro de borde»: https://developer.mozilla.org/en-US/docs/Web/CSS/box-sizing
Por ejemplo:
#content {
...
box-sizing: border-box;
padding-left: 20%;
padding-right: 20%;
width: 100%;
...
}
(@ helpneeded00)
Hace 1 año, 5 meses
Muchas gracias. El conocimiento de codificación que tengo no es muy bueno, pero mi esposo debería poder investigarlo. Me pondré en contacto contigo tan pronto como logre pasar corriendo a su lado.
(@ helpneeded00)
Hace 1 año, 5 meses
Gracias, ¡lo ha arreglado!
(@anevins)
Donante de WCLDN 2018 Apoyo voluntario
Hace 1 año, 5 meses
Me alegro de escucharlo 🙂
¿Solucionó tu problema??
0 / 0