You have chosen to sponsor your bid up to a maximum amount of .
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 :)