(Solucionado) Problema Con Versión Móvil

[manu999]

Hola, tengo un problema con la versión móvil de mi web. He cambiado las imágenes de mi página de inicio y todo bien hasta ahi. Pero al meterme desde mi smartphone veo que todas las imágenes están deformadas. Utilizo la plantilla responsive Leo Fashion Store. Saben que puede ser? A alguno le ha ocurrido esto?

La url por si quieren comparar versión de escritorio y versión móvil es: mirandaycia.com

Edited March 1, 2016 by manu999 (see edit history)

[Open Code Consulting]

Hola,

 

¿Cuando dices que las imágenes salen deformadas, te refieres a que sale recortada la imagen del bolso que sale al principio?

 

Si puedes enviar capturas para entenderte un poco más, será mejor.

 

Un saludo.

[manu999]

no, me refiero a las imágenes de después, a las que vienen mas abajo y que llevan texto.

Gracias

[Diefco]

Hola manu999,
Acabo de ingresar a tu pagina: http://mirandaycia.com pero me dice que la pagina esta en construcción.
Seria bueno que como dice Open Code Consulting nos envíes unas Screenshots del error, o habilitar la pagina para poder verla. (Seria mejor las screens, son mas precisas ya que muestras exactamente a lo que te refieres).
De igual manera, si cuentas con un tema pago lo mas normal es que te dieran soporte sobre algún error, si ellos no te lo corrigen nosotros lo intentaremos
Saludos, Diefco.
 

[manu999]

Os adjunto unas capturas. Las imágenes salen deformadas a lo alto, menos la ultima de todas que sale bien pero cortada por la derecha. En el apartado de temas del backoffice tengo activada la version para dispositivos móviles. En un iPad tengo el mismo problema. No se que puede ser. También decir que solo son las imágenes del index porque las fotos de los productos del catalogo salen todas bien.

Muchas gracias por la ayuda!

[Diefco]

Resulta muy complicado saberlo con precisión, pero te recomiendo que intentes cuadrar atravez de CSS el tamaño de las imagenes, lo mas normal en ese tipo de imagenes podria ser ponerles un:
width:100%; /* Para que la imagen mantenga el 100% del espacio, nunca mas, nunca menos */
height: auto; /* De esta manera siempre mantendrá su formar */
No sabría que clase especifica tendrías que modificar ya que no tengo acceso al código. pero si activaras la tienda un momento podría decirte con mayor precisión.

[manu999]

ok, te la activo

[Diefco]

Mira prueba poniendo este fragmento en global.css (/themes/nombre-de-tu-tema/css) Al final de este archivo, debería funcionarte.

.effect.banner img, .effect a img { 
width: 100%;
height: auto;
}

Pruebalo y me cuentas si te funciono. (Lo he revisado muy rapido porque lo que voy de salida)

Edited March 1, 2016 by Diefco (see edit history)

[manu999]

sigue igual todo he pegado tu código al final del todo del archivo global.css 

[Diefco]

Mira lo siguiente:
https://gyazo.com/6cb475f67df8d0ddb52019bfdb0de338
Y las otras dos:
https://gyazo.com/927649dcf73a6a194819706b2a094ff1
Esas imagenes me salia mal antes, ya sean porque estaban estiradas hacia abajo o por que salia de la pantalla por llamarlo asi, y ahora sale bien. Por lo menos para mi.
Por favor prueba con borrar el cache, o intentar recargar varias veces la pagina.
Avisame

Edited March 1, 2016 by Diefco (see edit history)

[manu999]

bien!!! ahora si funciona!! muchísimas gracias por la ayuda de verdad, me estaba volviendo loco. Que alegría.

Te lo agradezco un montón, un saludo.

[Diefco]

Con mucho gusto, me alegra te haya funcionado.
por favor recuerda agregar en el titulo del post "(Solucionado)" para mejor organización  

Saludos, Diefco.