Oferta SiteGround Black Friday

Cómo quitar el scroll o desplazamiento horizontal en una web WordPress

desplazamiento horizontal scroll

Hay pocas cosas más molestas a la hora de navegar por una web, especialmente desde dispositivos móviles, que tener que desplazarse horizontalmente para ver todo el contenido.

Estamos totalmente acostumbrados, para bien, a que los diseños se adaptan al tamaño de la pantalla, y no se entiende que una web o páginas de una web necesiten desplazarse horizontalmente para ver todo el ancho del contenido, en vez de ajustarse al dispositivo disponible.

Ya vimos hace tiempo como quitar el scroll horizontal en Divi, que pasa en diversas situaciones, pero hoy te dejo un truco para evitar este feo error en cualquier tema.

La solución es tan sencilla como añadir unas pocas líneas de sencillo código CSS, este:

/* Evitar scroll horizontal */
html, body {
max-width: 100%;
overflow-x: hidden;
}

Si usas un tema clásico puedes añadir el código en la sección de CSS adicional del personalizador, desde «Apariencia → Personalizar → CSS adicional» y si utilizas un tema con editor del sitio mediante bloques, al no tener un menú para acceder a esta sección, teclea la dirección manualmente en el navegador, así: tudominio.com/wp-admin/customize.php.

personalizador tema edicion completa del sitio

En un tema de bloques hay poca cosa que hacer en el personalizador, pero al menos está la sección de CSS adicional.

¿De cuánta utilidad te ha parecido este contenido?

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 5 / 5. Total de votos: 10

Hasta ahora ¡no hay votos!. Sé el primero en valorar este contenido.

Ya que has encontrado útil este contenido...

¡Sígueme en las redes sociales!

¡Siento que este contenido no te haya sido útil!

¡Ayúdame a mejorar este contenido!

Por favor, dime, ¿cómo puedo mejorarlo?

¿Te gustó este artículo? ¡Ni te imaginas lo que te estás perdiendo en YouTube!

Sobre el autor

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Información base sobre privacidad:
- Responsable: Fernando Tellado ([email protected])
- Fin del tratamiento: Moderación de comentarios para evitar spam
- Legitimación: Tu consentimiento
- Comunicación de los datos: No se comunicarán los datos a terceros salvo por obligación legal
- Derechos: Acceso, rectificación, portabilidad, olvido

 

Scroll al inicio