Avisos
Vaciar todo

Qode Slider no se ve bien en móviles  

 
Silvia
 Silvia
Usuario activo

Buenos días,

He puesto un qode slider con 4 slides en la home de mi web y no se ve completa en móviles.

Uso la plantilla bridge y suponía que todas las demo eran responsive pero igual la que yo he cogido no porque además de las slides no todos los elementos se ven bien

Uso WP Bakery para maquetar

Mi enlace es www.optimavdigital.com/optimavdigital

Sé que se puede arreglar mediante media queries pero no sé muy bien cómo va ni dónde debo poner las instrucciones ni cuáles son cuando se trata de responsividad

Gracias por la ayuda que puedan ofrecerme

Saludos

 

Silvia Escartín

Contenido solo visible a usuarios registrados

Citar
Respondido : 17/08/2021 7:53 am
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Que tal Silvia,

Podrías validar la URL donde has incluido este slider y enviarnos capturas de como lo visualizas en mobile?

Desde aca el enlace www.optimavdigital.com/optimavdigital me salta 404 y no puedo ver nada

Saludos!

ResponderCitar
Respondido : 17/08/2021 10:12 am

Cursos Gratuitos WordPress

Silvia
 Silvia
Usuario activo

Hola @bruno-vichetti, qué tal?

 
Y aquí les pongo las capturas del móvil para que vean como la imágen sale cortada
 
Gracias
Saludos

captura error 1
captura error 2
captura error 3
captura error 4

 

ResponderCitar
Respondido : 17/08/2021 2:23 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Silvia, 

Lo que veo es que tu tema está asignado una regla que asigna un alto especifico a tu slider en móvil, para solucionarlo prueba añadir el siguiente código CSS en el apartado de Apariencia -> Personalizar -> CSS Adicional

@media only screen and (max-width: 480px) {
.q_slider .carousel, .qode_slider_preloader, .carousel-inner>.item {
height: 400px !important;
}
}

Si con esto no logras modificarlo te sugiero que contactes con el desarrollador de la plantilla, al ser un tema de pago no podemos comprobar su funcionalidad o como configurar las opciones del mismo

Un Saludo 

ResponderCitar
Respondido : 17/08/2021 3:09 pm

Silvia
 Silvia
Usuario activo

Hola Karen,

Ha funcionado a las mil maravillas. Entiendo que entonces es cuestión de poner la misma fórmula cambiando la altura y la medida de pantalla si tengo que adaptarla a tablet u otro dispositivo no?

Y también sería aquí en Apariencia -> Personalizar -> CSS Adicional dónde tendría que poner los distintos códigos CSS para cambiar la letra en diferentes dispositivos, o los espacios, o si quiero omitir un efecto en móvil?

Por último, sabes dónde puedo encontrar los códigos CSS de las reglas más comunes?

Muchas gracias Karen, te lo agradezco de verdad

Saludos

 

ResponderCitar
Respondido : 17/08/2021 5:07 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Silvia, 

En este caso si deseas adaptar este slider a otros dispositivos puedes modificar la regla y añadirlo de acuerdo a la resolución, puedes ver las diferentes opciones para añadir las resoluciones en el  articulo  -> Contenido solo visible a usuarios registrados

Un Saludo 

ResponderCitar
Respondido : 17/08/2021 5:36 pm

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

Silvia
 Silvia
Usuario activo

Muchas gracias Karen,

Me lo miraré todo. Seguro me será de gran ayuda

Saludos

ResponderCitar
Respondido : 17/08/2021 6:10 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Silvia, 

Gracias a ti, siempre es un placer poder ayudarte

Con esto podemos dar el tema como solucionado, escríbenos si tienes cualquier otra consulta

Un Saludo 😊 

ResponderCitar
Respondido : 17/08/2021 6:17 pm

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