Mostrar imagen dist...
 
Avisos
Vaciar todo

Mostrar imagen distinta cuando en móvil

5 Respuestas
2 Usuarios
0 Reactions
339 Visitas
Juan
 Juan
Respuestas: 404
Reputable Member
Topic starter
 

Hola,
Quisiera hacer que en un artículo se muestre una imagen distinta cuando la web es consultada desde un móvil.
He insertado cierto código CSS personalizado en mi plantilla, pero no consigo el efecto.
¿Cómo puedo resolver esto?
Gracias de antemano.
Saludos,
Juan

URL del sitio: Contenido solo visible a usuarios registrados


 
Respondido : 07/05/2018 10:42 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola.

La única forma que se me ocurre es que crees dos clases una para la versión pc y otra para la versión móvil

.no_mostrar_pc {
display:none;
}
@media screen and (max-width: 600px) { 
.no_nostrar_Movil {
display:none;
}
}

Una vez añadidas las dos clases a tu archivo de estilos, insertas las dos imágenes en el articulo que quieras mostrar

Un saludo


Esta publicación ha sido modificada el hace 5 años por antonio
 
Respondido : 07/05/2018 11:05 am
Juan
 Juan
Respuestas: 404
Reputable Member
Topic starter
 

Gracias por tu respuesta Pepe.
Cuando dices "tu archivo de texto", ¿a qué te refieres?
Saludos,
Juan


 
Respondido : 07/05/2018 11:10 am
Pepe
 Pepe
Respuestas: 41129
Illustrious Member Admin
 

Hola Juan.

Disculpa se me fue la mano :blush: :blush: que vergüenza XD
quería decir tu archivo de estilos css.

Un saludo


 
Respondido : 07/05/2018 11:17 am
Juan
 Juan
Respuestas: 404
Reputable Member
Topic starter
 

Hola Pepe,
jejej, Nada hombre.
Saludos,
Juan


 
Respondido : 07/05/2018 11:23 am