Avisos
Vaciar todo

[Resuelto] Desajuste visualización teléfono móvil

6 Respuestas
2 Usuarios
0 Reactions
27 Visitas
 Jose
Respuestas: 64
Trusted Member
Topic starter
 

Buenos días a tod@s. Me gustaría que me ayudasen con el siguiente problema. Actualmente uso el tema Astra. La versión de escritorio y de tablet se ajusta bien a la pantalla, pero la version movil se ve un poco desajustada. En concreto en el lado derecho. Creo que tiene que ver con el icono del carrito. No se por que el la imagen pop de numero de productos añadidos aparece en el lado derecho en lugar del lado izquierdo del carrito e igual eso este forzando al desajuste. He mirado en todos los ajustes de Astra para ver si hay algun margen que este mal, pero los tengo todos a 0. Me podrian ayudar?

Gracias 

Contenido solo visible a usuarios registrados


 
Respondido : 24/01/2022 9:25 am
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Jose,

Usualmente esos espacios se añaden directamente en las opciones de construir la cabecera de Astra, verifica si dentro de la sección para la versión móvil no se están añadiendo padding que generen que el carrito se salga del lienzo de tu cabecera

Screenshot (85)

Si no logras localizar nada que pueda genera este comportamiento una opción para solucionarlo es que añadas el siguiente código CSS en el apartado de Apariencia -> Personalizar -> CSS Adicional

@media only screen and (max-width: 600px) {
.site-header-primary-section-right.site-header-section.ast-flex.ast-grid-right-section {
justify-content: flex-start;
}
}

Con este código le estás indicando a tu cabecera que los elementos que tienes en la columna derecha se alineen al principio

Verifica esto y nos comentas como ha ido todo

Un Saludo 

 


 
Respondido : 24/01/2022 12:45 pm
 Jose
Respuestas: 64
Trusted Member
Topic starter
 

@karenMuchisimas gracias, sois unos cracks. Parece que de momento se queda genial con el código que me has proporcionado. Una cosita más Karen, tengo varios códigos insertados en el apartado css de personalización, para poder tenerlos con el titulo de lo que es cada uno tengo que poner # antes no?

Gracias


 
Respondido : 24/01/2022 3:44 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Jose, 

Gracias a ti, un placer siempre poder ayudarte 🤩 

Para añadir comentarios al CSS e identificar para qué funciona cada uno debes añadirlos de la siguiente forma

/* Comentarios dentro de css*/

Ten en cuenta que siempre debe cerrarse el comentario con */, ya que si no puede causar un error en el código

Con esto podemos dar el tema como solucionado, escríbenos si tienes cualquier otra consulta

Un Saludo 😊 

 


 
Respondido : 24/01/2022 3:47 pm
 Jose
Respuestas: 64
Trusted Member
Topic starter
 

@karenUna vez mas muchas gracias. Tengo un para de errores mas que me gustaria corregir, pero los abriré en otro tema para no enredar este.

Un saludo


 
Respondido : 24/01/2022 3:49 pm
Karen Rios
Respuestas: 18667
Illustrious Member Moderator
 

Hola Jose, 

Gracias a ti, un placer siempre ayudarte

Quedamos atentos a tus nuevas consultas 

Un Saludo 😊 


 
Respondido : 24/01/2022 3:50 pm