Avisos
Vaciar todo

Imagenes responsive en dispositivos móviles

9 Respuestas
4 Usuarios
0 Reactions
517 Visitas
 Isi
Respuestas: 682
Honorable Member
Topic starter
 

Hola,

Quisiera saber si hay alguna forma de hacer que las imágenes de la página de inicio de mi web se vean responsive en los dispositivos móviles?

Desde ya muchas gracias.

Saludos,

Isi.

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 06/06/2018 10:33 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

En el código parece estar correcto, cual es el plugin que utilizas?, debería ser capaz de adaptarse, quizás sea necesario revisar su configuración.


 
Respondido : 07/06/2018 1:51 am
 Isi
Respuestas: 682
Honorable Member
Topic starter
 

Hola Johnny,

Lo realicé con Page Builder by SiteOrigin.

Esperaré tus comentarios, gracias.

Isi.


 
Respondido : 07/06/2018 1:46 pm
Pepe
 Pepe
Respuestas: 41113
Illustrious Member Admin
 

Hola Isi

En ese eslider tienes una añadi en el codigo una altura fija y por eso no se redimensiona.

.- Edita el archivo wp-content ->uploads ->siteorigin-widgets -> sow-layout-slider-default-bc0ccc439dd6.css

Busca el siguiente código:

.so-widget-sow-layout-slider-default-bc0ccc439dd6 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {
    padding: 50px 20px 50px 20px;
    max-width: 1280px;
    height: 11cm;
}

Modifica por lo siguiente:

.so-widget-sow-layout-slider-default-bc0ccc439dd6 .sow-slider-base ul.sow-slider-images .sow-slider-image-wrapper {
    padding: 50px 20px 50px 20px;
    max-width: 100%;
    height: auto;
}

Un saludo


 
Respondido : 07/06/2018 4:27 pm
 Isi
Respuestas: 682
Honorable Member
Topic starter
 

Muchas gracias Pepe,

Ya quedó solucionado! Otra consulta, con el slider de cabecera debería hacer lo mismo?.

Muchas gracias.


 
Respondido : 07/06/2018 5:28 pm
Jhon
 Jhon
Respuestas: 44989
Illustrious Member Moderator
 

Hola

Veo que el slider ya se comporta como responsive, sin embargo las imágenes se recortan de los lados, manteniendo el alto, esta es una manera igualmente de volver responsive las imágenes.

Saludos.


 
Respondido : 07/06/2018 6:06 pm
 Isi
Respuestas: 682
Honorable Member
Topic starter
 

Hola John,

Disculpa no entiendo lo que me senalas. Qué podría hacer para que las imágenes no se recorten a los costados?

Gracias.


 
Respondido : 07/06/2018 11:05 pm
Johnny Heredia Montiel
Respuestas: 20131
Illustrious Member Moderator
 

Hola,

Probé desde un dispositivo móvil y veo que las imágenes se ven de forma correcta, creo que es mejor mantenerlo así ya que las letras se van a ver muy pequeñas y quizás no sea lo más recomendable.


 
Respondido : 08/06/2018 1:45 am
 Isi
Respuestas: 682
Honorable Member
Topic starter
 

Muchas gracias,

Saludos!


 
Respondido : 08/06/2018 4:09 pm