Tutorial Divi: Quitar scroll horizontal

Te habrás dado cuenta que, en ocasiones, una web hecha con Divi muestra en la parte inferior del navegador una barra de navegación horizontal, para hacer scroll horizontal.

Pasa mucho cuando añades módulos personalizados, o incluso sin ellos a veces en la visualización en móviles y, sinceramente, queda muy poco profesional, parece un fallo de diseño ¿verdad?

Normalmente este efecto feo y desagradable lo provoca un elemento que es más ancho que su contenedor, así que se queda ahí atascado en el borde da la página.

Pero otras veces es cosa nuestra, que por cuestiones de estilo queremos anclar elementos al fondo y cosas así.

Afortunadamente este problemilla es fácil de arreglar. Solo tienes que añadir un poco de CSS en el personalizador de temas de WordPress, en la sección de CSS personalizado, o si lo prefieres en las opciones de Divi, este:

#page-container {
    overflow-x: hidden;
}

Fácil ¿eh?

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

¡Haz clic en los emoticonos para valorarlo!

Promedio de puntuación 4.9 / 5. Total de votos: 7

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

Ya que has encontrado útil este contenido...

¡Sígueme en los medios 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!

AVISO: Esta publicación es de hace 3 años o más. Si es un código o un plugin podría no funcionar en las últimas versiones de WordPress, y si es una noticia podría estar ya obsoleta. Luego no digas que no te hemos avisado. ¡Ah! ¿te funciona? pues entonces no he dicho nada :)

Sobre el autor

7 comentarios en “Tutorial Divi: Quitar scroll horizontal”

  1. Tengo un problema con Woocommerce. En la pagina de Tienda y la de Finalizar compra me aparece una barra/scroll horizontal que no la puedo sacar de ninguna forma. Quiero que mi pagina solo mueva de arriba hacia abajo, no para los costados, alguien me puede ayudar?- SOLO EN MOBILE.

  2. Enero 2021, me soluciono el problema, muchas gracias.
    Los pasos son = apariencia —>temas —> perzonalizar (en el tema activo) —> CSS adicional —> ingresar el código y guardar

Deja un comentario

Tu dirección de correo electrónico no será publicada.

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

 

Ir arriba
Ir al contenido