Avisos
Vaciar todo

[Resuelto] flash logo inicio carga  

 
chaochao
 chaochao
Usuario experto

Hola, en toda la web tenemos un flash del logo, u otros elementos justo al principio de la carga de la página web.

Podeis verlo en la web https://chao.sismart.es/

¿A qué se debe? Cómo puedo solucionarlo?

Contenido solo visible a usuarios registrados

Respondido : 25/05/2022 12:13 pm
Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola, 

Estos saltos suelen mostrarse cuando se generan porque se genera un conflicto entre el CSS y Javascript, esto sucede cuando aplicamos un cambio en el sitio web utilizando el generador de temas de Divi, esto es porque Divi usa JavaScript y agrega esos cambios a través de atributos de estilo usando CSS, el problema es que el navegador muestra CSS antes que JavaScript y este retraso en el tiempo de carga crea la ilusión de salto de encabezado.

Puedes verificar como solucionar este pequeño salto en el siguiente enlace donde se menciona como puedes comprobarlo -> Contenido solo visible a usuarios registrados

Verifica esto y nos comentas como ha ido todo

Un Saludo 

Respondido : 25/05/2022 1:36 pm

chaochao
 chaochao
Usuario experto

@karen

Hola, no nos ha servido.

O el paso 1 lo hemos hecho mal.

Respondido : 25/05/2022 3:17 pm
Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

Prueba a cargar otra imagen del logo con un tamaño de 64px y lo sustituyes por él logo que tienes hora en la cabecera.

Revisa si con eso se soluciona.

 

Un saludo

 

 

Respondido : 25/05/2022 3:49 pm

chaochao
 chaochao
Usuario experto

@pepesoler

Que tal, ahora el logo no flashea, pero el header en general está mucho más ancho y flashea, y luego vuelve a su posición normal.

https://chao.sismart.es/store/

hemos añadido también el siguiente css, pero no hace nada.

#page-container {
padding-top: 0px;
}

#main-header {
top: 0px;
}

Respondido : 25/05/2022 5:00 pm
Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola,

Este efecto "flasheo" no lo logro visualizar, lo que si veo es que el menu se adapta en su ancho como si fuese una transición de entrada o un CSS se este aplicando sobre otro

Es dificil determinar que sucede pero puedes probar el funcionamiento creando otro menu que este limpio de estilos y codigos JS que has implementado para personalizar los desplegables en dichos menus

Otra solucion si quieres evitar que los usuarios al ingresar el sitio vean ese "salto" que es de un par de segundos puedes implementar un preloader a tu web https://es.wordpress.org/plugins/the-preloader/

Saludos!

Respondido : 25/05/2022 5:16 pm

chaochao
 chaochao
Usuario experto

@bruno-vichetti

Nada, cualquier header que usemos con divi builder tiene un salto flasheo inicial para ajustar. Y no hay forma de quitarlo.

Respondido : 25/05/2022 6:25 pm
chaochao
 chaochao
Usuario experto

@karen

Puedes decirme cual es 

#page-container {
padding-top: 0px;
}

#main-header {
top: 0px;
}

de la pagina chao.sismart.es

no sé donde mirarlo.

Gracias.

Respondido : 25/05/2022 6:38 pm

Bruno
 Bruno
Soporte CMS Webempresa Moderator

Hola,

Nada, cualquier header que usemos con divi builder tiene un salto flasheo inicial para ajustar. Y no hay forma de quitarlo.

No hemos podido ver ni nos has remitido un enlace para validar este nuevo menu que has creado sin embargo si lo has hecho y el problema persiste intuyo que puede deberse a los códigos que has implementado antes como ya te he comentado.

Has probado desactivarlos o en su defecto colocarlos como comentarios? 

Por otra parte no se si consideraste lo del preloader, es una solucion

Por ultimo no comprendo del todo el CSS que compartes pero si hemos podido notar que cada vez que carga la web se le agrega el siguiente estilo al page-container 

image

Puedes probar con el siguiente CSS

#page-container {
padding-top: 0px !important;
overflow-y: inherit !important;
}

Saludos!

Respondido : 25/05/2022 6:59 pm
chaochao
 chaochao
Usuario experto

@bruno-vichetti

Lo he probado todo, no funcionan

Respondido : 25/05/2022 7:08 pm

Karen Rios
 Karen Rios
Soporte CMS Webempresa Moderator

Hola, 

Es un poco difícil determinar lo que está generando el error, como te comento esto suele generarse por un bug de Divi en cuanto como se cargan los estilos y JavaScript una vez realizamos modificaciones con el generador de temas. 

Una alternativa que puedes probar es usar el siguiente código en el function.php de tu tema o un plugin como code snippets 

add_action( 'wp_head', function () { ?>

<style>

#page-container { padding-top: 0px; } #main-header { top: 0px; }

</style>

<?php } );

Ten en cuenta realizar una copia de seguridad antes de realizar cualquier cambio, de esta forma si se genera algun error puedes restaurarla

Un saludo 

Respondido : 25/05/2022 7:35 pm
chaochao
 chaochao
Usuario experto

@karen

Nada imposible, y si realmente no hay forma de quitar el salto inicial, no pasa nada, podemos forzar que el salto no sea desde el centro de la pantalla hasta arriba?

Podemos hacer y formar que sea el salto desde arriba del todo hacia bajo el header?

Respondido : 26/05/2022 11:26 am

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

Puedes modificarlo en la pestaña Avanzado.

screenshot mary52.webempresa.eu 2022.05.26 13 30 17

De todas formas elimina elimina la cabecera del generador de temas y la vuelves a crear desde cero.

 

Un saludo

Respondido : 26/05/2022 12:32 pm
chaochao
 chaochao
Usuario experto

no, tampoco.

he preguntado a elegant themes y me han dicho que:

Please go to WordPress Dashboard > Divi > Theme Option > Builder > Advanced and here make sure Static CSS file generation option is enable and Output style inline option is disabled, as shown in the below screenshot:

Y FUNCIONÓ.

image
Respondido : 27/05/2022 3:14 pm
Pepe me gusta

Pepe
 Pepe
Soporte CMS Webempresa Admin

Hola.

Genial Me alegra que se solucionara.

Muchas gracias por informarnos y aportar la solución, seguro que les servirá a otros usuarios con el mismo problema.

 

Un saludo y muchas Gracias por aportar soluciones 😀 

Respondido : 27/05/2022 3:20 pm