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.

1 - Apresentação do projeto

Neste exemplo desenvolvemos um menu do tipo hamburguer, que é 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:

Ficou com alguma dúvida?