Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

Menu hamburguer não aparece corretamente

Pessoal estou desenvolvendo um site onde quero colocar um menu hamburguer no modo mobile, usei um pouco de javascript para criar este efeito, porem como podem ver na imagem abaixo ao clicar no menu ele está ficando atras da imagem, como faço pra resolver isso ?

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Olá, sugiro colocar: .menu { position:absolute; z-index: 1; }

A ideia é trazer o menu com "z-index". Quanto maior o numero mais para cima e a "position" pode ser absolute, relative, fixed, ou sticky. Também funciona com elementos que são filhos diretos de elementos display:flex.