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
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
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?
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
