Elementor es un potente constructor de sitios que te permite crear todas las secciones de tu sitio web de forma intuitiva y flexible. Una de sus funciones más útiles son los cabeceras y menús transparentes.
Cabecera transparente con Elementor
Tambié conocido como menu transparente elementor, gracias a Elementor puedes darle un estilo moderno a tu sitio aplicando una cabecera transparente. De esta forma, el contenido se verá por debajo resaltando así las imágenes o secciones principales. Configúrala fácilmente en las opciones de diseño del widget Header
Ventajas del menú transparente en Elementor
Los menús transparentes brindan una experiencia limpia y navegable. Se adaptan a todo tipo de diseños y dispositivos gracias a su flexibilidad. Pruébalos y personalízalos fácilmente con Elementor, el constructor de sitios líder del mercado.
Css para cambiar el color de background al desplazarse hacia abajo
selector.elementor-sticky--effects{
backdrop-filter: blur(4px);
background-color: #1A4054!important;
}
selector{
transition: background-color 1s ease !important;
}
selector.elementor-sticky--effects >.elementor-container{
min-height: 70px;
}
selector > .elementor-container{
transition: min-height 3s ease !important;
}