Entrar Ainda não tem acesso?
Solucionado (ver solução)
Solucionado
(ver solução)
1
resposta

[Bug] Menu Hamburguer Aberto Fica na metade do Cabeçalho

Referente ao curso HTML e CSS: responsividade com mobile-first

por Lorrayne Araujo Cruz
| 154.6k xp | 33 posts
Analista de Sistema Jr

Quando coloco a imagem do menu aberto e o background, eles ficam cortados na metade do cabeçalho. Poderiam me ajudar? Menu Hamburguer aberto cortado pela metade !

1 resposta
solução!
por Lorrayne Araujo Cruz
| 154.6k xp | 33 posts
Analista de Sistema Jr

Pessoal, para quem tiver com esse mesmo problema. Consegui resolver com a ajuda do tópico do Pedro.

Onde o CSS ficou assim:

.container__botao:checked~.container__rotulo>.cabecalho__menu-hamburguer {
    background-image: url(/img/Menu_Aberto.svg);
}

.container__botao:checked~.container__rotulo {
    background: var(--azul-degrade);
    background-size: contain;
    display: inline-block;
}

Espero que isso ajude bastante pessoas que tiverem esse mesmo problema