New to responsive design..need help with menu for client

Hey everyone. I am a noob for coding responsive websites (used templates so far). I have a new client where I have to code it out myself and I am a bit stumped. My client wants a certain style of responsive menu.

He wants his logo on top and underneath to have a menu icon that when you click on it the menu slides down from the top of the screen. I have no idea how to do this. Every menu plugin I have looked at does not do anything like this. If someone can give me some direction I would be extremely grateful :slight_smile:

Download zurb foundation and check out how they do it, their “top bar”

http://foundation.zurb.com/docs/components/top-bar.html