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 :)
18 freelancers are bidding on average $186 for this job
Dear Sir. I'm talented mobile app/game developer. I have been developing Iphone apps for several years. You can see high skilled apps in my portfolios. I am ready for you. Regards.