Menu Responsivo!

[tognere 2]

galera...fiz um menu horizontal normal... entretanto quando for identificado um dispositivo como um celular por exemplo(com tela menor) eu quero que em vez de aparecer o menu normal apareça um BOTAO que ao apertar esse botao apareça o menu e ao desclicar o botao desapareça o menu.....

 

de que forma eu posso fazer para que desapareça esse menu e apareça um BOTAO?????????

 

alguem pode me ajudar??? desde já agradeço...!!!

[W4y 2]

Fazendo o uso de media queries.

 

Para construção do menu recomendo a leitura deste post: http://tableless.com.br/fazendo-um-slide-menu-mobile-sem-plugin/

 

Com este resultado final: http://codepen.io/diegoeis/pen/pCiah

 

E a respeito das media queries, recomendo a leitura deste: http://blog.popupdesign.com.br/design-responsivo-iii-media-queries-e-compatibilidade/

[tognere 2]

mas para chegar a esse resultado precisa utilizar javascript.....existe um jeito só utilizando css e html????????? ou tem que usar javascript?????????????

[William Bruno 1501]

Precisa de javascript, pq css não controla evento de click

[tognere 2]

muito obrigado