Avisos
Vaciar todo

Como quitar el espacio en blanco  

Página 1 / 2
 
Ruben
 Ruben
Noble Member

Hola que tal, como puedo hacer para quitar ese espacio en blanco que esta ahi...

ese espacio en blanco esta porque hay unas fotos que estan para mobile y otras que estan solo para el escritorio...

me podrian pasar un codigo?

image

tambien me pasa en la parte de mobile

WhatsApp Image 2023 06 14 at 9.34.01 PM
WhatsApp Image 2023 06 14 at 9.34.01 PM (2)
WhatsApp Image 2023 06 14 at 9.34.01 PM (1)

Muchas Gracias 

 

 

 

Contenido solo visible a usuarios registrados

Citar
Respondido : 15/06/2023 1:34 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ruben.

No veo ningún espacio, si nos indicas la URL donde se pueda ver seria de ayuda:

screenshot www.chably.com.ar 2023.06.15 09 50 34

 

Un saludo

ResponderCitar
Respondido : 15/06/2023 8:52 am

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

Ruben
 Ruben
Noble Member

@pepesoler

perdon esta es la url

https://www.chably.com.ar/probando/?page_id=241

ResponderCitar
Respondido : 15/06/2023 1:50 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ruben.

Pues la verdad que no se lo que estás haciendo, lo que veo es hay muchos elementos vacíos.

screenshot nimbusweb.me 2023.06.15 15 36 51

Tienes que eliminar todos esos elementos o ocultarlos para resoluciones superiores a los 780 px

@media (min-width: 780px ) {
#gap-1124816726 {
display: none!important;
}
#gap-854518750 {
display:none!important;
}
#gap-1984304813 {
display:none!important;
}
#gap-596987421 {
display:none!important;
}
#gap-233259224 {
display:none!important;
}
#gap-1339136506 {
display:none!important;
}
#gap-1057975736 {
display:none;important;
}
#gap-130542955 {
display:none!important
}
}

 

Un Saludo

ResponderCitar
Respondido : 15/06/2023 2:58 pm

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

Ruben
 Ruben
Noble Member

@pepesoler

en ese espacio vacío están los diseños que se muestran solamente en el mobile. por eso tiene ese espacio vacio. hay alguna forma que se elimine sin tener que eliminar el diseño que esta hecho para Mobile únicamente.?

 

Pasa lo mismo cuando pones en formato Mobile. sobra un espacio abajo en blanco por el tema de que diseñe cosas para que en mobile no se peuda ver.

cuestios se puede crear un codigo css para quitar ese espeacio en ambos lados?

 

ResponderCitar
Respondido : 15/06/2023 7:23 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ruben, 

Entiendo que quieres eliminar el espacio para la versión de escritorio, si es así prueba con el siguiente código CSS

@media only screen and (min-width: 992px) {.gap-element.clearfix {
display: none !important;
}

}

Verifícalo y nos comentas como va todo

Un Saludo 

 

ResponderCitar
Respondido : 15/06/2023 8:21 pm

Ruben
 Ruben
Noble Member

@karen

genial me funciono 

podrias hacer lo mismo para la parte de mobile, estsa vez no es la parte de arriba, si no me sobra espacio en la parte de abajo hasta el footer

image
image

Saludos

ResponderCitar
Respondido : 15/06/2023 9:34 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ruben, 

En este caso revisa el siguiente código CSS

@media only screen and (max-width: 600px) {
div#banner-grid-172313333 {
display: none;
}
}

Verifícalo y nos comentas como va todo

Un Saludo

 

ResponderCitar
Respondido : 15/06/2023 10:06 pm

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

Ruben
 Ruben
Noble Member

@karen

nope no me funciono =(

image

https://www.chably.com.ar/probando/inicio/

ResponderCitar
Respondido : 16/06/2023 1:15 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola Ruben.

Prueba con esto:

@media (max-width: 780px ) {
div#banner-grid-751850565 {
display: none;
}
}

 

Un Saludo

ResponderCitar
Respondido : 16/06/2023 9:22 am

Cursos Gratuitos WordPress

Ruben
 Ruben
Noble Member

@pepesoler

no que lastima pero no me funciono robe con los dos

Respondido por: @pepesoler

@media (max-width: 780px ) {
div#banner-grid-751850565 {
display: none;
}
}

image
Respondido por: @karen

@media only screen and (max-width: 600px) {
div#banner-grid-172313333 {
display: none;
}
}

image
ResponderCitar
Respondido : 16/06/2023 7:01 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ruben, 

Prueba el siguiente código y revisa si logras eliminar lo que necesitas

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

.banner-grid-wrapper {
display: none;
}

}

Un Saludo 

ResponderCitar
Respondido : 16/06/2023 8:12 pm

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

Ruben
 Ruben
Noble Member

@karen

no me funciono =(

 

image

 

ResponderCitar
Respondido : 16/06/2023 9:21 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola Ruben, 

En este caso, ya que no funciona no podemos verificarlo, te recomiendo consultes con nuestro directorio de colaboradores quienes puede ayudarte a configurar lo que necesitas. 

Un Saludo 

ResponderCitar
Respondido : 16/06/2023 9:25 pm
Ruben me gusta

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

Ruben
 Ruben
Noble Member

@karen

entiendo muchas gracias

ResponderCitar
Respondido : 17/06/2023 3:36 am
Página 1 / 2