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.