1
resposta

Duvida no Menu Hamburguer

Boa noite!

Quando clico no menu hamburguer, ele não fica azul como no Figma. Eu acho que a professora não explicou essa parte ou eu me perdi nisso! rs

O menu fica branco com as 3 listras azuis quando não está selecionado, mas quando seleciona e aparecem as opções, a lista, ele não fica azul com as 3 listras brancas.

Alguém pode me explicar para colocar?

Obrigada!

https://imgur.com/yX8TlbZ

https://imgur.com/trDyO2B

Link com as imagens

1 resposta

Boa tarde Roseane, tudo bom? Analisando o código no curso referente a sua dúvida, acho que talvez você tenha esquecido de adicionar duas classes no css:

.container__botao:checked~.container__rotulo>.cabeçalho__menu-hamburguer {
    background-image: url("../img/Menu Aberto.svg");
}
 .container__botao:checked~.container__rotulo {
    background: var(--azul-degrade);
} 

Essas duas classes estão sendo responsáveis pela alteração de cor no menu hamburguer do css, a primeira classe faz com que quando o botão for clicado os três riscos do menu fique branco, e a classe de baixo é responsavél por colocar o azul de fundo no menu hamburguer.

Espero ter ajudado, caso tenha alguma dúvida pode responder aqui que eu volto para tentar te ajudar!

Quer mergulhar em tecnologia e aprendizagem?

Receba a newsletter que o nosso CEO escreve pessoalmente, com insights do mercado de trabalho, ciência e desenvolvimento de software