Avisos
Vaciar todo

[Resuelto] Problema visual de carga de los logos en el encabezado, y espacio en blanco  

 
David
 David
Usuario experto

Muy buenas,

Actualmente tengo dos problemas utilizando DIVI:

1- He diseñado dos encabezados, uno para escritorio, y otro para tabletas y móviles, utilizando DIVI.

Cuando navegas por cualquier zona de la página, en los 2 o 3 segundos que la página tarda en cargar correctamente, aparecen en el fondo los dos logos ambos encabezados en grande, uno debajo de otro, sin estilo ni nada, y la verdad que molesta bastante al diseño en sí. Aparecen los dos tanto en móvil como en escritorio, a pesar de que su visibilidad está desactivada respectivamente. Al final de la carga se mantienen en su sitio, solo ocurre durante la carga.

Aquí podéis ver lo ocurrido durante la carga:

y aquí como queda tras la carga:

En la segunda foto, se puede observar el segundo problema, aunque en el diseño del encabezado el padding y márgen inferiores son cero, y en el diseño del layout de las páginas el padding y margen superior son 0 también, aparece ese espacio en blanco entre el encabezado y el comienzo del layout en TODAS las páginas excepto en la página de inicio. No encuentro tampoco la causa.

Espero que podáis ayudarme. Un saludo y mil gracias!

La página está en modo mantenimiento, pero si necesitáis ver lo que sea lo desactivo.

Citar
Respondido : 02/11/2020 12:29 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

Tienes la web en mantenimiento,

necesitamos que tengas la web activa para poder revisarlo 😉 

 

un saludo

ResponderCitar
Respondido : 02/11/2020 12:37 pm

David
 David
Usuario experto

@pepesoler

Muy buenas Pepe,

Ya está desactivado el modo mantenimiento!

Gracias,

ResponderCitar
Respondido : 02/11/2020 12:39 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

Para el tema del espacio puedes utilizar lo siguiente:

#main-content {
margin-top: auto;
}

 

Lo que no consigo ver es el tema de los dos logos, siempre me carga un Logo ¿ Lo revisaste desde otros dispositivos por si fuera tema de Navegador ?

 

Un saludo

ResponderCitar
Respondido : 02/11/2020 12:54 pm

David
 David
Usuario experto

@pepesoler

Gracias por tu pronta respuesta!

He revisado el tema de los dos logos, y tienes razón, parece ser que únicamente aparecen mientras estoy dentro de wordpress o desde el editor, así que no debería haber ningún problema entonces.

Con respecto al espacio en blanco, he probado a incluir el código en CSS personalizado en DIVI, y también en el main element de la sección de un layout desde DIVI, y sigue sin desaparecer.

ResponderCitar
Respondido : 02/11/2020 1:06 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@urika1995gmail-com

Hola David, 

Por favor, agrega el código que te proporcionó @Pepe de la siguiente manera:

#main-content {
margin-top: auto !important;
}

Saludos

ResponderCitar
Respondido : 02/11/2020 1:15 pm

David
 David
Usuario experto

@bulmaro-webempresa

Muy buenas!

Mil gracias, el problema del espaciado ha quedado solucionado con ese último código.

Con respecto a los dos logos que aparecen al fondo, siguen apareciendo de vez en cuando, más cuando la conexión es lenta. Si vais clickeando entre mi cuenta y el carrito en algún momento podréis verlo.

ResponderCitar
Respondido : 02/11/2020 1:24 pm
Bulmaro
 Bulmaro
Soporte CMS Webempresa Moderator

@urika1995gmail-com

Hola David, 

Si tienes razón, si se visualiza problema pero este inmediatamente desaparece, por lo que no lo consideraría un problema, aunque podrías verificar si estás usando el tamaño de imagen adecuado, es decir, si estás insertando una imagen con un tamaño superior trata de usarla con un tamaño de 252x93.11px

Saludos

ResponderCitar
Respondido : 02/11/2020 1:48 pm

David
 David
Usuario experto

Muy buenas, parece que el problema del logo se ha solucionado marcando la opción de crear un archivo CSS estático en las opciones del constructor DIVI, parece ser que estaba cargando los estilos al momento.

Pero ahora he visto otro problema. Al reducir el margen a auto en el tema con el código que me mencionasteis, la versión de escritorio ha quedado perfecta, pero en tablet y móvil el menú se come la primera imagen en la página principal. Aunque le añada margen con respecto al encabezado, si se va reduciendo la ventana de tamaño, éste no se respeta.

ResponderCitar
Respondido : 03/11/2020 10:53 am
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola David.

Para el slide en al versión móvil utiliza lo siguiente:

@media only screen and (max-width: 780px) {
.et_pb_slide {
margin-top:5em;
}}

 

Un saludo

 

ResponderCitar
Respondido : 03/11/2020 12:49 pm

David
 David
Usuario experto

@pepesoler

Muchísimas gracias!

En tablet no funcionaba pero más o menos lo he adaptado manualmente. Pero ahora ha surgido un nuevo problema 😪 . En la versión móvil (y solo si se observa desde un smartphone), si deslizas hacia la derecha estando en la página principal, aparece un espacio en blanco, ¿Cómo puedo eliminarlo?

A todo esto, para no incumplir las reglas del foro, debería abrir un nuevo tema por cada problema? o comentarlos en el mismo hilo?

Muchísimas gracias por todo!

 

ResponderCitar
Respondido : 03/11/2020 6:05 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola David,

En este caso, como nos mencionas te recomiendo abras un nuevo tema para ello así podremos mantener un control sobre el hilo y ayudarte con mayor detalle sobre esta nueva consulta en especifico.

Si es posible adjunta una imagen con el espacio en blanco que se visualizar de esta forma podremos verificar con mayor detalle lo que nos comentas

Un Saludo

ResponderCitar
Respondido : 03/11/2020 6:12 pm