Pregunta sobre Genesis Responsive Slider de Wordpress:

proporciones deslizantes en un sitio m贸vil

Un usuario pregunt贸 馃憞

隆Hola!

Tengo una pregunta sobre esta p谩gina: https://neot-semadar.com/?page_id=191

Estoy muy contento con c贸mo se ve en la pantalla de una computadora, pero en el tel茅fono m贸vil es demasiado estrecho; quiero que la imagen sea m谩s alta en el tel茅fono m贸vil.

Yo dir铆a que en el sitio m贸vil no mostrar铆a la imagen completa (que parece desproporcionada) sino que la recortar铆a (como lo hace en una tableta).

Alguna forma de hacer esto?

隆Muchas gracias! Laura

(@modernnerd)

Hace 3 a帽os, 1 mes

隆Hola Laura!

Puede intentar agregar este CSS a la hoja de estilo de su tema, o en Apariencia 鈫 Personalizar 鈫 CSS adicional:

@media only screen and (max-width: 1020px) {
	.inner-slider .inner-slider-item > div {    
    		background-size: auto !important;
	}
}

Entonces, la imagen utilizar谩 una altura de 谩rea de deslizamiento mayor con un ancho de pantalla menor.

(@laura_b)

Hace 3 a帽os, 1 mes

Gracias, 隆funcion贸 a las mil maravillas! 馃檪

Laura

(@laura_b)

Hace 3 a帽os, 1 mes

Hola, Nick,

Tras una inspecci贸n m谩s cercana, not茅 que las diapositivas internas ahora est谩n tomando las proporciones correctas en la p谩gina, pero la imagen est谩 cortada de una manera que deja poco que desear.

驴Hay alguna forma de cambiarlo?

Gracias laura

(@modernnerd)

Hace 3 a帽os, 1 mes

Hola Laura.

Las im谩genes deslizantes del sitio son anchas en relaci贸n con su altura, por lo que las im谩genes se recortar谩n en un ancho de pantalla estrecho si desea que tambi茅n se vean altas en un tel茅fono m贸vil. No hay forma de hacer una imagen muy ancha muy alta en una pantalla de retrato estrecha sin hacer un barrido amplio; debe recortarla si aumenta la altura.

Me gusta lo que tiene ahora (como visitante m贸vil no sabr铆a que las im谩genes son m谩s anchas), pero si quisiera reducir el efecto de recorte, podr铆a probar uno de los siguientes:

– Haga que las im谩genes originales sean m谩s altas para que la relaci贸n entre la altura y el ancho no sea tan alta (esto deber铆a reducir la cantidad de los bordes de un tel茅fono m贸vil). – Reemplace el control deslizante de un solo ancho con una sola imagen. – Ocultar el control deslizante en el ancho del m贸vil.

Si desea otras ideas para cambiar el dise帽o, o necesita m谩s ayuda con el c贸digo CSS o PHP para cualquier cambio de dise帽o, vale la pena visitar los foros de StudioPress: https://www.studiopress.com/forums/.

驴Solucion贸 tu problema??

0 / 0

Deja una respuesta 0

Tu direcci贸n de correo electr贸nico no ser谩 publicada. Los campos obligatorios est谩n marcados con *