Cambiar logo del header al hacer scroll
CSS
Para cambiar el logo al hacer scroll, debemos agregar 02 logos (imagenes), uno para que este con el header arriba y otro para que se muestre al hacer scroll.
Cada imagen debe tener una clase independiente por ejemplo: «.logoTop» «.logoScroll».
El CSS puede estar en el contenedor que tiene las 02 imagenes o en un modulo de codigo de Elementor con etiquetas <style></style>
/*Esconder el logo en header top*/
.logoScroll {
display: none;
}
/*Mostrar el logo en header sticky*/
.elementor-sticky--active .logoScroll{
display: block;
}
/*Esconder el logo en header sticky*/
.elementor-sticky--active .logoTop{
display: none;
}