Avisos
Vaciar todo

[Resuelto] Pagina "mi cuenta" en dos columnas

7 Respuestas
2 Usuarios
0 Reactions
20 Visitas
Respuestas: 88
Estimable Member
Topic starter
 

Hola!

Desde hace algún tiempo la pagina "mi cuenta" ( https://pepitalimon.es/mi-cuenta/) se ve en dos columnas en la versión movil. 

Antes esto solo ocurría en la versión escritorio; y en la versión movil se "apilaban" lo cual era lo normal para que se viera correctamente. 

Lo raro es que cuándo intento modificarla con elementor se correctamente (ver pantallazo adjunto). Peor luego acepto los cambios y se ve mal en abierto

¿podeis ayudarme?

Gracias!

Captura de pantalla (25)

 

Captura de pantalla (23)

 

Contenido solo visible a usuarios registrados


 
Respondido : 27/07/2023 3:56 pm
Respuestas: 88
Estimable Member
Topic starter
 
Captura de pantalla (26)

 
Respondido : 27/07/2023 3:57 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Maria, 

En este caso veo que tus columnas tienen un ancho especifico que no permite que en móvil tengan el 100%, por ello se muestran de esta forma. Prueba si al añadir el siguiente código en el apartado de Apariencia → Personalizar → CSS adicional se muestra de forma correcta

@media only screen and (max-width: 600px) {
.elementor-82886 .elementor-element.elementor-element-8de5879 {
width: 100%%;
}
.elementor-82886 .elementor-element.elementor-element-6088ce7 {
width: 100%;
}
}

Verifícalo y nos comentas como va todo

Un Saludo 


 
Respondido : 27/07/2023 4:44 pm
Respuestas: 88
Estimable Member
Topic starter
 

@karen Lo arregla, pero solo a medias.

Ya aparecen apiladas amnbas columnas. Y la de abajo se ve ok. Pero la de arriba se ve muy encogida hacia la derecha (mira el pantallazo)

He probado a modificar la amplitud con elementor, pero el problema es que en la pantalla de elementor continua viendose bien (como desde el principio)

¿alguna solución?

Gracais!

Captura de pantalla (27)

 
Respondido : 27/07/2023 5:10 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola Maria,

Disculpanos veo que hay un error en el codigo que te comparti:

@media only screen and (max-width: 600px) {
.elementor-82886 .elementor-element.elementor-element-8de5879 {
width: 100%;
}
.elementor-82886 .elementor-element.elementor-element-6088ce7 {
width: 100%;
}
}

Sustituye el que te habia compartido con este, si sigue sin mostrarse trata con este otro:

@media only screen and (max-width: 600px) {
.elementor-82886 .elementor-element.elementor-element-8de5879 {
width: 100% !important;
}
.elementor-82886 .elementor-element.elementor-element-6088ce7 {
width: 100% !important;
}
}

Verifica y nos comentas.

Un saludo 


 
Respondido : 27/07/2023 5:48 pm
Respuestas: 88
Estimable Member
Topic starter
 

@karen Ahora perfecto!!! Gracias!!


 
Respondido : 27/07/2023 5:51 pm
Karen Rios
Respuestas: 18684
Illustrious Member Moderator
 

Hola María,

Encantados de poder ayudar, si tienes alguna otra duda puedes crear un nuevo tema y con gusto lo vemos.

Un saludo 


 
Respondido : 27/07/2023 5:56 pm