Como criar um MENU MOBILE com HTML, CSS e JavaScript

✅ Quer ter acesso a projetos exclusivos que vão agregar ainda mais na sua carreira? Torne-se membro do Inteliogia:

O menu mobile é um tipo de menu que aparece em dispositivos móveis como celular, tablet, etc. Ele é essencial para garantir uma boa experiência aos visitantes do site e principalmente para ficar bem indexado nas primeiras páginas do Google.

É extremamente fácil de fazer (apesar da duração do vídeo kkkk) e vamos utilizar apenas HTML, CSS e JavaScript.

✅ ME SIGA NAS REDES SOCIAIS

✅ Participe da nossa comunidade no Facebook:

✅ SE LIGA SÓ

✅ EMAIL PARA CONTATO EMPRESARIAL (não tiro dúvidas por aqui):

✅ CASO SEJA DO SEU INTERESSE:

🔹 Essa é uma bibliografia que eu recomendo para você começar a se especializar no ramo da programação e desenvolvimento web:

✅ É isso #programMaker, seguimos por aqui, codando 👨🏼‍💻

[andremarques]

Depois de rodar por diversos vídeos da turma aí achei o seu com o conteúdo riquissimo e que me ajudou bastante. Parabéns

[ivopetronio]

Cara, muito obrigado por compartilhar seu conhecimento.
Eu adorei a sua didática e a sua humildade.
Sabe muito e não deixa transparecer nem um grama de arrogância, como uns e outros "youtubers" por aí.
Valeu mesmo, mano.
Um abraço.

[sandwicheems]

Seu canal tem muito potencial, a coisa mais difícl você já tem que é a didática!

[LuizAntonio-pr]

Excelente. Didática e conteúdo nota 10. Parabéns.

[jmartins]

tava doido pra fazer animação do menu aparecendo e sumindo da tela. muito bom.

[Acaterine]

Gratidão por partilhar seus conhecimentos! Me ajudou e ajuda bastante! Tudo de bom :)

[edsonmenezes]

eu não poderia deixar de dar meus parabéns, sucesso brother.

[nogueco]

Cara, seu conteúdo é muito bom, sua didática e explicação passo a passo ajudam muito a entender o que esta fazendo. Obrigado!

[allanfelipe]

monstro em man, manja demais, obrigado por passar conhecimento !!!

[luizleao]

Show de bola! Excelente didática! Valeu demais brow! #ganhouUmInscrito #muitoGrato :-)

[danielfilipe]

Cara seu conteúdo é muito bom, muito didático.Tenho uma segestão qu acho que vai agregar ao seu canal, você poderia fazer vídeos clonando sites como spoify, pepsi e etc e explicando usando o dev tools do google chrome, vejo bastante conteudo assim mas é sempre canal gringo.

[LeonardoRejani-ie]

Cara, não consigo acessar esse seletor de cores no vs code no 3:15. As configs da IDE estão corretas, extensões desinstaladas para testar e IDE reinstalada. Sabe o que posso fazer para arrumar?

[marsoliver]

Valeu demais! ganhou mais um inscrito. Show! abç.

[KevynHerbertdaSilva]

Olá, qual o tema do seu vscode? Achei muito bonito.

[noorolu]

Olá, boa noite tenho uma duvida, como faz a tela de carregamento levar para outra pagina. Exemplo, clicamos em algo e somos direcionado a outra pagina, como faço a animação de carregamento levar para outra pagina? obrigado, boa noite

[LeticiasS]

Oi eu consegui fazer tudo isso no meu projeto de curso, porém eu queria que quando abrisse esse menu a visibilidade de duas sections sumisse e eu consegui realizar, porém quando eu fechasse essas duas sections voltasse a aparecer. Mas não estou conseguindo fazer isso. Tentei com JScript. Eu usei dentro da própria function criada, tentei adaptar:

var visible =

if (!visible) {
= 'visible';
= 'visible';
}
else {
= 'hidden';
= 'hidden';
}
}

Poderia me ajudar ?

[leticiardeoliveira]

Cara esse menu me ajudou muito!! Como incluir um submenu?? Fiz algumas tentativas mas não ficaram legais... no web ficou bacana mas no mobile não funciona. Poderia fazer um video dando dicas??

[ruanpaulo]

É o bichão mesmo!
Sem "enrolation"!

[tionoti]

cara o botão para mobil não ficou no conto superior esquerdo ficou centralizado e sem animação, vc partiu o vídeo ai ficou difícil saber encaixar pq um vc fez um menu no outro vc acrescentou o menu já pronto ai complicou, desculpa se estou falando besteira mas como estou aprendendo ficou complicado ver dois vídeos

[erisvaldos.s]

Eu nunca iria descobrir o bug no menu, gostaria de saber o porque do overflow: hidden resolver este problema.