En el artículo de hoy aprenderás a cómo eliminar algunos problemas que puede llegar a tener WordPress, especialmente en los móviles: el Scroll Horizontal o Scroll Lateral.
En la versión del móvil lo que sucede es que a veces, por ciertos carácteres introducidos, imágenes demasiado grandes, u otros; el contenido se hace más ancho en la pantalla del móvil, y lo que hace WordPress para evitar que se recorte, es habilitar en dispositivos estrechos un scroll horizontal.
Accede al personalizador de CSS del Theme
Te dirigirás a WordPress, luego en apariencia, le das clic a personalizar y buscarás la opción de CSS adicional que lo tiene todos los temas.
Vas a copiar y pegar, para añadir, las siguientes líneas de código:
html, body {
width: 100%!important;
overflow-x: hidden!important;
}La composición de este código
Este CSS lo que está diciendo que, en el body, en el texto o en cualquier HTML, el máximo de ancho sea del 100% (width: 100%) de la pantalla, independientemente de en que dispositivo se esté viendo el artículo o página en cuestión.
Además le añade un !important para que sobrescriba cualquier otro código que pueda causar que este no se active.
En overflow-x; hidden es para que no haya ese scroll horizontal, se combina perfectamente con el width.
Una vez lo apliques le das a publicar, podrás observar que si tenías el scroll horizontal o lateral. Habrá desaparecido por completo.
Recuerda borrar el caché para que se aplique
Recuerda borrar el caché en caso de que la página tenga un plugin de cache, porque si no es probable que los cambios se hayan quedado pendientes de aplicar.
Luego puedes reiniciar la página si es necesario para que realmente puedas visualizar los cambios realizados.
Podrás probarlo en móvil, o tablet, y verás que ya está el problema solucionado 🙂
Si te queda alguna duda, echa uno ojo al vídeo del artículo:
Leer Más
Leer Más
Leer Más
Leer Más
Leer Más
Leer Más
Leer Más