1° Crear la cabecera transparente con las siguientes características:
- Altura mina de sección: 80px
- Fondo: Transparente
- Efecto de movimiento > Sticky: top
- Efecto de movimiento > Effects Offset: 100
2° Agregar el código CSS a la sección
3° Dar margen top: -100px a la primera sección de la página en donde se utilizará el header
Código CSS:
selector.elementor-sticky--effects{
background-color:rgba(0, 0, 0, 0.9)!important;
}
selector{
transition: background-color 1.3s ease !important;
}
selector.elementor-sticky--effects >.elementor-container{
min-height: 80px;
}
selector> .elementor-container{
transition: min-height 1s ease !important;
}
Tutorial:
https://www.youtube.com/watch?v=aezizMaXZr8
0 Comentarios