Avisos
Vaciar todo

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

 
Jose
 Jose
Usuario experto

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
 Karen Rios
Soporte CMS Webempresa 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
 Jose
Usuario experto

@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
 Karen Rios
Soporte CMS Webempresa 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

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress

Jose
 Jose
Usuario experto

@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
 Karen Rios
Soporte CMS Webempresa 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

wpdoctor-revisa-la-salud-de-tu-wordpress