Hola nuevamente, en la página principal en la posición: position-2 cuando lo quiero probar en un dispositivo móvil, no se ve correctamente, aparece desplazado, he revisado el código y lo único que encuentro es bajándole el tamaño al texto, pero no es eso lo que quiero, sino que se mantenga en la misma proporción, he revisado el div y creo que está bien, y no sé por qué no se realiza la proporción, no encuentro el fallo, me podéis echar una mano por favor?
Contenido solo visible a usuarios registrados
Hola,
Prueba a añadir el siguiente código:
@media (max-width: 768px) {
.carousel-caption {
padding-bottom: 0 !important;
}
}
Si esto no te adapta bien el texto puedes ir jugando con los valores de padding para la clase carousel-caption .
De todas formas, ya que digo que adaptar este tipo de cosas a dispositivos móviles suele ser complicado. Normalmente es mejor que no se muestre este elemento en móviles.
Lo sé Pablo que es complicado yo he intentado utilizar media queries pero... pedí ayuda por si veía alguna opción mejor que la que yo estaba haciendo de css para esa posición, voy a probar y te digo, gracias.
Hola,
Prueba a añadir el siguiente código:
@media (max-width: 768px) {
.carousel-caption {
padding-bottom: 0 !important;
}
}Si esto no te adapta bien el texto puedes ir jugando con los valores de padding para la clase carousel-caption .
De todas formas, ya que digo que adaptar este tipo de cosas a dispositivos móviles suele ser complicado. Normalmente es mejor que no se muestre este elemento en móviles.
Según me comentas la clase .carousel he estado viendo con firebug la posición position-2 y no veo que en los div de esa posición esté esa clase, ¿se aplica? que yo sepa o lo que yo sé de css es que para que eso funcione, el div tiene que tener el atributo class="nombre_clase" pero yo en ese div no lo encuentro... lo que quiero decir es que no sé de qué archivo lo coje para probarlo si esto es asi.
Hola,
Todos los cambios que apliques sobre el archivo .CSS se aplicaran a la plantilla. En este caso se están aplicando cambios sobre la clase .carousel-caption que identifica el elemento que quieres modificar, como puedes ver en la siguiente imagen:
De todas formas como te comento mi compañero, este tipo de elementos para adaptar a dispositivos móviles suele ser complicado. Puedes plantearte insertar el texto directamente en la imagen.
Saludos