Avisos
Vaciar todo

[Resuelto] Banner mismo tamaño en responsive  

 
Carlos
 Carlos
Honorable Member

Hola, 

Quiero que los banners que aparecen en la versión de ordenador de igual tamaño cuando aparecen en responsive aparezcan igual tamaño no uno más bajo que el otro.

 

Respondido : 29/06/2022 11:03 am
Carlos
 Carlos
Honorable Member
Screenshot (2)
Screenshot (2)
Screenshot (1)
Respondido : 29/06/2022 11:07 am

Cursos Gratuitos WordPress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carlos.

Puedes indicarnos la URL para que podamos revisarlo ?

 

Un saludo

Respondido : 29/06/2022 11:32 am
Carlos
 Carlos
Honorable Member

@pepesoler
https://www.felizcaminar.com/

Respondido : 29/06/2022 12:33 pm

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Carlos, 

Entiendo que cuando nos indicas igual tamaño es que estos tengan la misma altura? por ejemplo:

image

Si es así en este caso revisa si el siguiente código CSS te permite configurarlos como deseas

@media only screen and (max-width: 600px) {
.fusion-layout-column.fusion_builder_column.fusion-builder-column-5.fusion_builder_column_1_2.\31 _2.fusion-one-half.fusion-column-last {
height: 225px;
}
.fusion-column-wrapper.fusion-flex-column-wrapper-legacy.rocket-lazyload.lazyloaded {
padding: 11% 0px 10%;
}
}

Ten en cuenta que el funcionamiento actual es correcto, ubicarse uno debajo de otro permite que el contenido que está dentro de ellos se visualice de forma correcta en los dispositivos móviles.

Si no es como deseas se visualicen, envíanos algún ejemplo o alguna captura de como se deben visualizar, de esta manera podemos ayudarte con mayor detalle. 
Un Saludo 

Respondido : 29/06/2022 1:21 pm
Carlos
 Carlos
Honorable Member

@karen
Hola,

Muchas gracias! lo que ocurre es que se gris ... adjunto captura

Screenshot (3)

 

Respondido : 29/06/2022 1:38 pm

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Carlos, 

Probemos con la siguiente variación en el código que te compartí, primero elimina el anterior y añade el siguiente:

@media only screen and (max-width: 600px) {
.fusion-layout-column.fusion_builder_column.fusion-builder-column-5.fusion_builder_column_1_2.\31 _2.fusion-one-half.fusion-column-last {
height: 225px !important;
}
.fusion-column-wrapper.fusion-flex-column-wrapper-legacy.rocket-lazyload.lazyloaded {
padding: 11% 0px 10% !important;
}
}

Revisa si con ello se ajusta de forma correcta

Un Saludo 

Respondido : 29/06/2022 1:58 pm
Carlos
 Carlos
Honorable Member

@karen
Hola,

Me ocurre lo mismo

Respondido : 29/06/2022 2:10 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carlos.

El problema esta en la imagen que utilizas como fondo que tiene un alto que no se ajusta a la caja donde se muestra.

Intenta subir una imagen con una altura superior.

 

Se podría modificar por CSS pero la imagen se ensanchara y aparte puede que afecta a otros bloque que utilizan las mismas clases:

@media only screen and (max-width: 600px) {

.fusion-column-wrapper.fusion-flex-column-wrapper-legacy {
padding: 2% 0 19%!important;
}
}

 

Un saludo

Respondido : 29/06/2022 2:35 pm
Carlos
 Carlos
Honorable Member

@pepesoler

Hola
Muchas gracias! la imagen es de la misma medida que la otra del banner, ahora si parece que está bien, vamos a comprobarlo

Respondido : 30/06/2022 7:48 am

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

Carlos
 Carlos
Honorable Member

Me sigue apareciendo una linea gris

Screenshot (4)
Respondido : 30/06/2022 7:56 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carlos.

Estoy revisando y ahora lo veo bien:

Archivo 000 (18)

Puedes modificar los valores del padding si quieres ajustarlo mas, por ejemplo " padding: 2% 0 22% "

 

Un saludo

 

Respondido : 30/06/2022 9:13 am

Cursos Gratuitos WordPress

Carlos
 Carlos
Honorable Member

@pepesoler

 

Perfecto! muchas gracias!

Respondido : 30/06/2022 10:39 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Carlos.

Nada Gracias a ti.

Cualquier consulta que tengas no dudes en comunicarlo.

 

Un saludo

Respondido : 30/06/2022 10:55 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación