¿Como cambio el tamaño de la imagen destacada de los post solo para el móvil?  

Hola

Para que el código sólo funcione en desktop tienes que basarte en el ancho, y en este caso usar un @media query, es decir :

Ubica este código:

	article .et_post_meta_wrapper img{
	  max-width:780px;
	  display: block;
	  margin: auto;
	}

Y en su lugar usa, que es lo mismo sólo con un media query

@media( min-width:768px){
	article .et_post_meta_wrapper img{
	  max-width:780px;
	  display: block;
	  margin: auto;
	}
}

Saludos.

Hola Jhon!
te adjunto captura de los códigos personalizados que tengo. El primero es el que me acabas de dar y el segundo es el anterior que me diste para utilizar todo el ancho de pantalla en ordenadores ¿recuerdas?

He probado cambiando los anchos y el % en los 2 códigos y solo se modifica en ordenadores. En móviles se sigue viendo igual. No se modifica el ancho.

Algo estoy haciendo mal

Saludos!!

Hola Fernando.

¿ Que imágenes son las que no ves bien ? esto es lo que yo veo:

El codigo que te paso jhon es para un equipo con un ancho mínimo de 768px.

Para que se represente con anchos inferiores:

@media only screen and (max-width: 480px) {
	article .et_post_meta_wrapper img{
	  max-width:480px;
	  display: block;
	  margin: auto;
	}
}

Un saludo

Hola Pepe,
si, esas imágenes se ven bien tanto en ordenadores como en móviles, me refiero a la imagen destacada que se ve en los móviles cuando pinchas para leer el post. Prueba a leer un post desde el móvil y verás lo que te digo

Hola Fernando.

Ok, prueba añadir lo siguiente:

@media only screen and (max-width: 480px) {
	article .et_post_meta_wrapper img{
	  max-width:100%!important;
	  display: block;
	  margin: auto;
	}
}

Puedes variar " max-width:100% " por pixels, por ejemplo " max-width:200px "

Un saludo

Hola Pepe,
no hay cambios, he variado max width al 50% o por pixeles a 200px, pero en el móvil se siguen viendo la imagen destacada con el mismo tamaño

Hola Fernando.

Ok, revisando un poco veo que solo te pasa con esta entrada -> Contenido solo visible a usuarios registrados veo que se muestra bien.

Prueba añadir otra imagen como destacada, por ejemplo de alguna entrada que se muestre bien.
Prueba a crear otra entrada desde cero y comprueba que se muestra bien.

Un saludo

Hola Pepe,
¡Que raro!! Es cierto, solo pasa con esa imagen, pero veo que según que articulo la imagen destacada se ve de un tamaño u otro en el móvil.

Hola

Actualmente veo correctamente la imagen en el artículo:
Contenido solo visible a usuarios registrados

Ver imagen adjunta, refresca tu navegador. o limpia la cache.

Si sigues con problemas envíanos una captura de pantalla para ver como lo visualizas.

Saludos.

Hola Jhon,
me refiero al tamaño de la imagen destacada una vez pinchas el post para leerlo. Adjunto varias captura de los últimos post vistos desde mi móvil (Samsung Note 4) despues de borrar historial, cache, etc.

Verás que solo en el post "5 soluciones...." se ve la imagen correctamente. En los demás, en algunos la imagen destacada dentro del post se ve grande y en otros se ve pequeña respecto a las demás imágenes del post.

Saludos

Hola

Ok, ya veo el problema, lo que sucede es que el código que estas agregando sólo debe tener efecto en anchos mayores a 756px, por lo tanto el código que tienes déjalo todo dentro del media query, es decir usa el siguiente código en lugar de todo el código anterior que has agregado

@media (min-width: 750px){
	
	article .et_post_meta_wrapper img{
	  max-width: 750px;
	  display: block;
	  margin: auto;
	}

	#main-content .container{
		width: 100%;
		padding-right: 40px;
		padding-left: 40px;
		max-width: 100%;
	}
}

Como verás es lo mismo pero todo dentro del @media

Saludos

Gracias Jhon! Solucionado en todas las entradas salvo en la ultima "Muebles de cocina de ultima generación" No se porque esa imagen destacada no responde. Probaré a cambiarla...

Hola

Ok, cambíala y si sigues con problemas nos escribes para verificar

Saludos.