Nosso Blog

Como MUDAR A COR DA LOGO E DO MENU ao rolar a página | Elementor

Nesse vídeo, ensino como mudar a cor da logo e também a cor do menu ao rolar(scrollar) páginas criadas com o elementor. 🔻🔻Links mencionados no vídeo🔻🔻

✔️Criando menu fixo e transparente com elementor: https://youtu.be/qIQ3Z3kOr3I

✔️Como criar um Menu Diferente para cada página com Elementor: https://youtu.be/jMYLLi4O6V4

Código CSS utilizado:

#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(‘link da logo’); } #header.elementor-sticky–effects .roblox li a { color: #031154!important; }

✔️ Link do site mostrado no vídeo – http://descomplicandosites.com.br/tut… ✔️ Link do nosso site – http://descomplicandosites.com.br/

✔️ Link do vídeo anterior – https://youtu.be/8MfINC3VBvs ☑️ Como MUDAR A COR DA LOGO E DO MENU ao rolar a página | Elementor ☑️Compartilhe o vídeo: https://youtu.be/ANLXu24eaMI

☑️Se inscreva para ver novos vídeo e dicas sobre WordPress, Elementor e Woocommerce. Clique aqui: https://bit.ly/QueroMeInscreverDS

Dependendo do design do site desenvolvido com elementor, será necessário mudar o logotipo do cabeçalho e de repente a cor dos itens de menu ao rolar(scrollar/escrollar) a página, para que o menu fixo não misture com o layout do site e provocar uma experiência ruim ao usuário que navega no site. Por exemplo: suponhamos que você tenha um menu fixo transparente que combine com seu lindo banner e sua cor de logo, mas na rolagem da página tanto a logo quanto os itens de menu, ficam misturando com o restante do layout do site. E isso não fica visualmente agradável. Neste caso, você precisará trocar a logo para um outra com uma cor diferente e também mudar a cor dos itens de menu ao scrollar a página. Esse tutorial é para resolver esse problema.

📍 Sigam nossas redes sociais

💲 Facebook – http://facebook.com/descomplicandosites

💲 Instagram – https://instagram.com/descomplicando….

Esta gostando do conteúdo? Compartilhe.

Compartilhar no facebook
Compartilhar no whatsapp
Compartilhar no email
Compartilhar no linkedin

Diga-nos o que você achou

Recebe Materiais Exclusivos

Cadastre-se para receber os templates e as minhas  dicas para Elementor, WordPress e Novos Tutoriais. 

Também não gosto de SPAM e prometo manter o teu endereço de e-mail seguro. 

Antes de ir garanta a sua vaga no nosso grupo VIP do Telegram!

E receba materiais exclusivos e em primeira mão.

Não Tem O Telegram No Seu Celular? Faça o Download Agora!