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 – https://descomplicandosites.com.br/tut… ✔️ Link do nosso site – https://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….
