Avisos
Vaciar todo

[Resuelto] Desplazamiento lateral en movil

12 Respuestas
3 Usuarios
0 Reactions
36 Visitas
Morales
Respuestas: 204
Estimable Member
Topic starter
 

Muy buenas cuando accedo a la web en formato móvil no se adapta bien y tiene desplazamiento a la derecha con una columna en blanco ¿Como puedo quitarla?

Un saludo

Contenido solo visible a usuarios registrados


 
Respondido : 05/06/2023 10:53 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Morales.

Prueba añadir lo siguiente en Apariencia -> Personalizar -> CSS Adicional.

@media (max-width: 780px) {
div#page-container {
overflow-y: initial!important;
}
}

 

Un saludo


 
Respondido : 05/06/2023 11:11 am
Morales
Respuestas: 204
Estimable Member
Topic starter
 

@pepesoler muy buenas pepe y gracias por la pronta respuesta. 

 

Sigue haciendo lo mismo con el css que me has dicho.

 

Un saludo


 
Respondido : 05/06/2023 11:22 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Morales.

Ok, elimina el código anterior y añade el siguiente:

@media (max-width: 780px) {
html, body {
width: 100%!important;
overflow-x: hidden!important;
}

 

Recuerda vaciar la caché antes de probarlo.

Comprueba si con eso se soluciona.

 

Un saludo


Esta publicación ha sido modificada el hace 2 años por Pepe
 
Respondido : 05/06/2023 11:50 am
Morales
Respuestas: 204
Estimable Member
Topic starter
 

@pepesoler nada, no hay manera. 


 
Respondido : 05/06/2023 12:01 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Morales.

Le pedí a un compañero de hosting que lo añadiera en el archivo style.css del tema hijo de Divi y veo que ya no hace ese desbordamiento lateral.

Por favor revisalo y nos comentas.

 

Un saludo


 
Respondido : 05/06/2023 1:06 pm
Morales
Respuestas: 204
Estimable Member
Topic starter
 

@pepesoler sigue igual, he mirado el style.css y si está el código pero sigue teniendo ese desplazamiento.


 
Respondido : 05/06/2023 1:23 pm
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Morales.

En principio los dos codigos que te ofrecí tendrían que funcionar.

Puedes probar con esto:

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

 

Un saludo


 
Respondido : 05/06/2023 1:41 pm
Morales
Respuestas: 204
Estimable Member
Topic starter
 

@pepesoler nada no se soluciona, lo curioso es que solo pasa con la home las demás páginas se ven bien.


 
Respondido : 05/06/2023 3:03 pm
Morales
Respuestas: 204
Estimable Member
Topic starter
 

Ok desactivando cosas he visto que son las tarjetas de colores que son las areas de negocio ¿Como se puede solucionar?

 


 
Respondido : 05/06/2023 3:20 pm
Morales
Respuestas: 204
Estimable Member
Topic starter
 

Ok ya lo he solucionado, poniendo en el css del elemento principal


 
Respondido : 05/06/2023 3:30 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Morales, 

Enhorabuena has logrado solucionarlo, es un placer siempre poder ayudarte.

No dudes en escribirnos si tienes cualquier otra consulta

Un Saludo 😊 


 
Respondido : 05/06/2023 3:48 pm