Imagen de portada c...
Avisos
Vaciar todo

Imagen de portada cortada en móvil y tablet  

 
MÓNICA
 MÓNICA
Usuario experto

Hola,
La imagen de portada de categoría aparece cortada al visualizar la página en móvil y tablet.
Adjunto pantallazos, ¿qué puedo hacer para que se vean bien?
Gracias!
Un saludo,
Mónica

URL del sitio: Contenido solo visible a usuarios registrados

Citar
Respondido : 21/09/2016 12:34 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Mónica.

Esto es lo que yo veo.

Lo pudiste solucionar?

Un saludo

ResponderCitar
Respondido : 21/09/2016 2:40 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

MÓNICA
 MÓNICA
Usuario experto

Hola,
Me refería a la imagen de portada de categoría, es decir, la imagen que aparece cuando se accede a una categoría.
Los pantallazos que adjunté se corresponden con la siguiente ruta, que es la de la categoría "Bodys":
http://claramel.es/18-bodys
Un saludo,
Mónica

ResponderCitar
Respondido : 21/09/2016 6:00 pm
Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola

Se puede cambiar por CSS, ubica este archivo :
/themes/Carme/css/global.css

Al final de todo agrega el siguiente código CSS:

.content_scene_cat .content_scene_cat_bg{
	background-position:center center!important;
}


@media (max-width:768px){
	.content_scene_cat .content_scene_cat_bg{
		background-size:150%!important;
	}	
}

Saludos.

ResponderCitar
Respondido : 21/09/2016 10:57 pm

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

MÓNICA
 MÓNICA
Usuario experto

Hola,
He conseguido que se me adapte en la tablet, pero poniendo:
background-size:100%!important; en vez de 150%, ya que con 150% seguía saliendo cortada.
Pero en el móvil sigue saliendo cortada con 150% y con 100%.
¿Qué puede estar pasando?
Gracias.
Un saludo,
Mónica

ResponderCitar
Respondido : 21/09/2016 11:33 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Mónica.

Añade lo siguiente al mismo archivo:

@media (max-width: 450px) {
.content_scene_cat .content_scene_cat_bg {
    background-size: 100% auto !important;
}
}

Reducimos el tamaño de la pantalla de los dispositivos que tiene que representar ese tamaño de imagen con @media (max-width: 450px)

Un saludo

ResponderCitar
Respondido : 22/09/2016 9:24 am

Cursos Gratuitos WordPress

MÓNICA
 MÓNICA
Usuario experto

Hola,
En el móvil la sigue recortando, he probado con varios tamaños de píxeles, pero no cambia nada.
He visto que la resolución de la pantalla del móvil es de 360x592px.
La de la tablet es de 601x962px y con la entrada anterior de 768px ya quedó bien la imagen.
Un saludo,
Mónica

ResponderCitar
Respondido : 22/09/2016 10:39 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Mónica, Buenos Días.
Esto es lo que yo veo:

Puedes probar a reducir el tamaño @media (max-width: 350px)

Prueba también en otro dispositivo y comprueba si pasa lo mismo.

Un saludo

ResponderCitar
Respondido : 22/09/2016 11:15 am

MÓNICA
 MÓNICA
Usuario experto

Hola,
Bueno, es un alivio que en tu móvil se vea bien 🙂
Intentaré probar en otros móviles.
De momento lo podemos dar por cerrado.
Gracias!
Un saludo,
Mónica

ResponderCitar
Respondido : 22/09/2016 11:55 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Mónica.

Ok, dejamos el hilo en espera de tus noticias.

Un saludo

ResponderCitar
Respondido : 22/09/2016 12:13 pm

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

MÓNICA
 MÓNICA
Usuario experto

Hola,
En el móvil estaba usando FireFox, luego he usado Chrome y con él se ve todo bien. Así que supongo que le problema está en el navegador.
Un saludo,
Mónica

ResponderCitar
Respondido : 22/09/2016 6:33 pm