1
resposta

[Sugestão] Corrigindo bug no menu sanduiche

Olá, percebi que se o menu sanduiche da versão padrão estiver checked tornando aparente na versão mobile e mudar no modo responsivo para o breakpoint seguinte de 1024px o menu não desaparece e não há maneira de o desabilitar tendo em vista ele ter ficado em display: none no CSS. Caso tente abrir o menu na versão 1024px ficará com 2 menus abertos. Para resolver isto pensei em desabilitar por completo o meno da versão mobile utilizando o seguinte código dentro do breakpoint do media query:

.container__botao:checked ~ .lista-menu{ display: none; }

Assim evita que numa situação como esta o menu desapareça. Pensei que este problema poderia ocorrer caso o display tenho uma largura próxima mas inferior ao breakpoint de 1024px e o usuário fazer check e em seguinda por o dispositivo em landscape.

1 resposta

Olá, Heryson, como vai?

Muito obrigado por compartilhar sua observação e a sugestão de código para corrigir o comportamento do menu! É ótimo ver sua atenção aos detalhes e a maneira como você está buscando solucionar problemas no layout. Continue compartilhando esse tipo de insight, pois ajuda não só seus colegas, mas também melhora o aprendizado de todos que passam pelo fórum.

Siga firme nos seus estudos e conte com o fórum sempre que precisar!

Abraços :)