O projeto está inativo

Menu hamburguer com HTML, CSS e jQuery

Neste exemplo você encontra o código HTML, CSS e JavaScript para fazer um menu hambúrguer responsivo em páginas web. Confira.

47

Apresentação do projeto

O menu do tipo hamburguer é composto por um botão fixo na barra de navegação da página, que quando clicado exibe ou oculta o menu lateral contendo uma lista de links, como podemos ver abaixo:

menu hamburguer

Esse menu também é responsivo, de forma que em telas com largura menor que 360px ele ocupa toda a página, da seguinte forma:

menu hamburguer

Sugestão de conteúdo

Para aprofundar seus estudos, sugerimos que assista os seguintes cursos com temas relacionados:

Suporte ao aluno - Tire a sua dúvida.
FAÇA PARTE DESSE TIME
Faça parte dessa comunidade 100% focada em programação e tenha acesso ilimitado. Nosso compromisso é tornar a sua experiência de estudo cada vez mais dinámica e eficiente. Portanto, se você quer programar de verdade seu lugar é aqui. Junte-se a mais de...
+ 800 Mil programadores
Conheça agora!
Teste Grátis
  • Guias de Tecnologia
  • Cursos
  • Exercícios
  • Projetos completos
  • DevCasts
  • Artigos
  • Suporte em tempo real

Utilizamos cookies para fornecer uma melhor experiência para nossos usuários. Para saber mais sobre o uso de cookies,
consulte nossa política de privacidade. Ao continuar navegando em nosso site, você concorda com a nossa política.

Aceitar