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
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!
Hola @bruno-vichetti, qué tal?
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
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
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
Muchas gracias Karen,
Me lo miraré todo. Seguro me será de gran ayuda
Saludos
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 😊