Aprenda como Configurar o seu Menu no Elementor Pro para que ele mude de cor no momento em que você rolar a página. Nesse vídeo, não usaremos plugins pois isso pode ser feito mais livremente utilizando algumas linhas de código de CSS
⚫ CÓDIGO USADO NESTE VÍDEO
div#top-bar-wrap {
display: none!important;
}
#header.elementor-sticky--effects {
background-color: #fff;
transition: all .5s ease;
box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.1);
}
#header.elementor-sticky--effects .logo img {
content:url("url da logo");
}
#header.elementor-sticky--effects .menu-bicolor li a {
color: #000 !important;
}
Nesse vídeo, irei te ajudar com uma das maiores dificuldades dos criadores de websites: como mudar a cor da logo e do menu na rolagem.
Pode parecer simples, mas a maioria dos plugins existentes no WordPress permite apenas mudar cor do menu na rolagem da pagina e, dificilmente você vai encontrar algum que te permita alterar a cor do logotipo ao rolar no elementor pro também.
Apesar do Elementor Pro conter diversos efeitos que podem ser aplicados nas seções e no menu elementor ao scrollar a página, ele não possui nenhuma ferramenta que te permita mudar a cor ou a logo do menu fixo durante a rolagem da página.