banner en móvil se muestra el texto encima de las imágenes

Hola

Las imágenes igual se verán pequeñas cuando se vea en un movil, entiendo que quieres ocultar el texto cuando se muestra en móviles

Saludos.

No, no quiero ocultar el texto Jhon puesto que ese banner hace referencia al contenido principal de la web. Lo que me gustaría es que ese texto se hiciera más pequeño, es decir, se redujera en la misma proporción que las imágenes del banner.

Hola,

El tamaño de las imágenes se adapta de forma automática al espacio disponible debido a que sus dimensiones se establecen con ese mismo espacio, utilizando el estilo CSS max-width: 100%;. Es decir, solo puede usar hasta un 100% de espacio disponible.

Un sistema similar no se puede aplicar a la fuente de letra, ya que el tamaño de la fuente no se establece en porcentaje. Lo que podrías hacer es definir uno u otro tamaño de letra en función del ancho de la ventana del navegador.

Podrías hacerlo utilizando la regla CSS @media, que define los estilos que se aplican en función del ancho en píxeles de la pantalla. Por ejemplo, para cambiar el tamaño de la letra si el ancho de pantalla es menor de 768 píxeles, se podría utilizar el siguiente código:

@media (max-width: 768px) {
.carousel-caption h2 {
font-size: 18px;
}
.carousel-caption p {
font-size: 10px;
}
}

Puedes ver más información sobre esto en el siguiente enlace:

http://www.w3schools.com/cssref/css3_pr_mediaquery.asp

Muchas gracias, esa solución es la que yo estaba optando, pero no sé si por configuración de la plantilla o algo que se me escapa se podía hacer sin usar media queries, gracias Pablo como siempre muy agradecido.
Perfecto.

Un saludo y cerrad el tema porque así está solucionado.