Avisos
Vaciar todo

Cambiar comportamiento diapositivas en móvil  

 
Joaquín
 Joaquín
Usuario activo

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!

 

captura

 

Captura2

Contenido solo visible a usuarios registrados

Citar
Respondido : 12/03/2025 5:50 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

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

image

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

image

 Contenedor Mobile

image

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

image

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!

ResponderCitar
Respondido : 12/03/2025 6:08 pm

Joaquín
 Joaquín
Usuario activo

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

ResponderCitar
Respondido : 12/03/2025 6:30 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

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!

ResponderCitar
Respondido : 12/03/2025 6:44 pm

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