Slide/Push Menu

Avg Bid (AUD)
Project Budget (AUD)
$30 - $250

Project Description:
Hi All.

I need a slider/pusher menu similar to what facebook has, but not quite the same. I've seen a few push menus around but none are quite what I want. Preference is for this to be built on jQuery if possible.

At this stage I want the "menu" to simply be a div with an icon in it as shown in the attached file. Menu can be accessed wither by sliding (on touch devices) or by tapping/clicking the icon. The menu always slides in from the side, and compresses the DIV wrapping the web content (700px wide) so that the content is always centered (see diagram).

There are three breakpoints:

Above 768px - Menu is open by default but can be closed.
768px and below - Menu appears as vertical strip 60px wide by default, until expanded manually
420px and below - Menu appears as icon only (in top bar or not) until expanded manually.

Menu should be about 260px wide.
Page content is 700px wide except on mobile (breaks to 400px)

Any questions please ask :)

Good luck!

Skills required:
CSS, HTML5, jQuery / Prototype, Mobile Phone
Additional Files: Outline.png
About the employer:
Public Clarification Board
Bids are hidden by the project creator. Log in as the employer to view bids or to bid on this project.
You will not be able to bid on this project if you are not qualified in one of the job categories. To see your qualifications click here.

$ 515
in 3 days
$ 206
in 3 days
$ 154
in 3 days
$ 180
in 4 days
$ 247
in 8 days
$ 206
in 3 days
$ 155
in 5 days
$ 257
in 10 days
$ 147
in 3 days
$ 150
in 3 days