Menu Responsivo!

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...!!!