Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Dúvida] Menu hamburger não estava alterando entre azul e branco após clique

A sugestão da Moni seria utilizar o código:

.container__botao:checked~.container__rotulo>.cabecalho__menu-hamburger {
    background-image: url("../assets/Menu-Aberto.svg");
}

Porém no meu caso só funcionou pegando a outra classe da imagem:

.container__botao:checked~.container__rotulo>.container__imagem {
    background-image: url("../assets/Menu-Aberto.svg");
}

Caso alguém esteja com a mesma dúvida foi assim que resolvi

Porém se alguém souber me explicar o porque ele pega o container__imagem mas não o cabecalho__menu-hamburger sendo que na cor azul (padrão do menu fechado) funcionou com a classe .cabecalho__menu-hamburger.

Código completo: https://github.com/ArielSpencer/alurabooks Deploy: https://alurabooks.arielspencer.com.br

1 resposta
solução!

Oii, Ariel!! Tudo bem?

Fico feliz que tenha consigo aplicar a ação do Menu de forma diferente, parabéns!

Isso pode ocorrer quando na estrutura do seu HTML possa estar, a classe cabecalho__menu-hamburger pode não estar sendo aplicada corretamente ao ícone. Enquanto a classe .container__imagem provavelmente está correta e é aplicada ao elemento que contém a imagem do menu aberto. Assim, quando você usa oseletor .container__botao ~ .container__rotulo > .container__imagem, consegue alterar a imagem corretamente ao abrir o menu.

Espero ter ajudado, caso tenha outras dúvidas durante as aulas, não hesite em recorrer ao fórum.

Bons estudos, Ariel!