Texto no aparece bien centrado en dispositivo móvil  

 
Luis Manuel
 Luis Manuel
Estimable Member

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

Citar
Respondido : 12/03/2015 10:35 am
Pablo Velasco
 Pablo Velasco
Illustrious Member

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.

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 12/03/2015 2:06 pm

Cursos Gratuitos WordPress

Luis Manuel
 Luis Manuel
Estimable Member

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.

ResponderCitar
Respondido : 13/03/2015 8:51 am
Luis Manuel
 Luis Manuel
Estimable Member

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.

ResponderCitar
Respondido : 13/03/2015 9:04 am

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

Julen
 Julen
Miembro Admin

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

Si nuestra ayuda te sirve déjanos tu testimonio y mejora así el posicionamiento de tu web:
Enviar Testimonio
¡Gracias!.

ResponderCitar
Respondido : 13/03/2015 9:39 am

Por favor Iniciar Sesión o Registro