We’re looking to create a responsive menu that adjusts from a full size horizontal menu (with 6 items) to a dynamic single menu (not a select box, but a dynamic menu).
full size menu: home, services, products, about, contact, etc
The phone menu would have “Menu” and everything would be a dynamic drop down from that.
Is this built in, any templates out there and/or is this doable?
The Edge Commons library will get you headed down the right path, in terms of different layouts for different devices.
You could also build a menu for desktop/mobile. Then check browser size with this:
or use a library like modernizr to check capabilitie (touch for example): http://www.modernizr.com/
You could then use jQuery show/hide to display the appropriate menu.