Como Criar um Menu que Muda de Cor Ao Rolar a Página | WordPress com Elementor Pro

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.

Facebook
Twitter
LinkedIn
Pinterest

Deixar uma resposta

Esse site utiliza o Akismet para reduzir spam. Aprenda como seus dados de comentários são processados.