Avisos
Vaciar todo

[Resuelto] Encabezado salta al cargar la página  

Página 2 / 2
 
Natalia
 Natalia
Estimable Member

Hola, 

Quisiera arreglar el problema que tiene la página al cargar. Se ve primero como el contenido de más abajo y el pie de página, antes de carga la imagen principal donde aparece la modelo con el bolso.

Este problema lo tenían las demás páginas, pero lo arreglé con el siguiente código:

/*agregar padding al inicio para mejorar carga de la pagina*/
#page-container {
padding-top: 174px!important;
}
.et_pb_section {
padding-top: 174px!important;
}
#main-header {
top:32px;
}
.et_pb_section_0_tb_footer.et_pb_section {
padding-top: 16px!important;
}

Sin embargo, tuve que agregar este otro código para la página de Inicio (Home), pues si usaba los valores del código anterior, la imagen del fondo, de la modelo, quedaba por debajo del menú, por el relleno (padding) que agregué usando el primer código:

.page-id-15 .et_pb_section {
padding-top: 0px!important;
}

¿Cómo podría arreglar ese problema? 

Muchas gracias. 

Citar
Respondido : 05/11/2020 11:34 am
Natalia
 Natalia
Estimable Member

@bulmaro-webempresa

Hola Bulmaro, 

Con gusto puedo compartir la solución si la consiguiese, en este caso fue por ensayo y error! Pensando que tal vez eso podía solucionarlo.

Gracias a todos ustedes por su paciencia y por toda la ayuda que me han dado en todos los detalles. 

😀

ResponderCitar
Respondido : 06/11/2020 11:22 am
Natalia
 Natalia
Estimable Member

Sin embargo, ahora quisiera añadir el efecto Ken Burn (un zoom out) a la imagen y ahora muestra primero la primera animación establecida en la plantilla y luego el efecto Kern Burn 🙁

El efecto Kern Burn lo había quitado (había puesto un código CSS para ello que afectara solo a la imagen) para tratar de arreglar lo del salto de la imagen. 

Si hay otra manera de evitar lo del salto de página, se los agradecería. Para poder seguir aplicando el efecto Kern Burn. Muchas gracias!

ResponderCitar
Respondido : 06/11/2020 11:32 am
Página 2 / 2