Hola, vuelvo con mas "tabarra" sobre al cabecera de página en la que ya me habéis ayudado en otros puntos. Lo que quiero conseguir ahora es que al disminuir el tamaño de pantalla (al abrir en móvil, o simplemente estrechando el navegador en desktop), las dispositivas se adapten (vayan perdiendo tamaño). Es lo que ocurre con una imagen normal y corriente, pero no con las diapositivas. Sí que se consigue sin problema que los dos elementos dentro del contenedor flexbox se mantengan lado a lado (indicando "sin envoltura"), que también es un efecto que quiero (que no se sitúe un elemento bajo el otro), pero las diapositivas se desbordan por todos lados (segunda imagen).
¿Me sabéis orientar? He trasteado todo lo trasteable en Disposición, Estilo y Avanzado, con el éxito que os podéis imaginar 🙁
Gracias!
Contenido solo visible a usuarios registrados
Hola Joaquín,
El ajuste puede ser mas simple de lo que parece, desde tu captura he podido ver que tienes la dirección de los elementos del contenedor en horizontal
Recuerda que puedes cambiar la dirección acorde a la resolución del dispositivo pudiendo configurar que se vea en dirección vertical si es necesario
Contenedor desktop
Contenedor Mobile
Tambien esta la opcion de "Envoltura" la cual se encarga de que pese a que el contenedor se encuentre configurado con una dirección horizontal, ya el contenedor va a interpretar que en resoluciones mas pequeñas ajustara los contenedores internos en anchos uno debajo del otro
Para comprender un poco mas como funciona el flexbox en elementor tenemos un articulo donde lo abordamos de forma sencilla https://www.webempresa.com/blog/como-usar-flexbox-en-elementor.html
Saludos!
Hola Bruno, mañana reviso ese artículo sobre el flexbox. En cuanto a lo que propones, NO quiero que los dos elementos del contender pasan a estar uno encima del otro en móvil, lo que quiero es que se mantengan lado a lado (eso ya lo consigo con la envoltura), pero disminuyendo la medida, tanto del contenedor como del contenido, que en este caso son diapositivas (ahí está el problema, si fueran imágenes normales y corriente se adaptan -disminuyen- sin problema).
Un saludo
Hola Joaquín,
Genial, puedes consultar ese y muchos otros artículos asociados cuando gustes
Por otro lado,
NO quiero que los dos elementos del contender pasan a estar uno encima del otro en móvil, lo que quiero es que se mantengan lado a lado (eso ya lo consigo con la envoltura), pero disminuyendo la medida, tanto del contenedor como del contenido, que en este caso son diapositivas (ahí está el problema, si fueran imágenes normales y corriente se adaptan -disminuyen- sin problema).
Me resulta un poco confuso ya que si bien las diapositivas son parte de un slide, cada diapositiva me da la impresión de que se encuentra estructurada de igual forma por medio de contenedores con elementor asi que no deberías de tener problemas en ajustar tanto la proporción de los bloques de títulos como el de la imagen
Por otro lado recuerda que no tenemos del todo claro como y de que manera has estructurado dicha sección, a grandes rasgos podemos darte indicaciones y sugerencias netamente en base a lo que veamos en tu sitio web desde el navegador ademas del contexto que tu nos puedas dar 😊
Ahora bien, si resulta muy complicado siempre se puede optar por la via de usar media queries y estilos CSS a medida segun la resolución de la pantalla y ajustar lo que sea necesario
Ya nos comentaras
Saludos!