Pushy – Responsive Off-Canvas CSS Navigation Menu

Pushy is a responsive off-canvas css navigation menu created with css3 transforms & transitions. Pushy is created by Christopher Yee.



  • Responsive
  • Built with CSS Transitions and Transforms
  • jQuery animation fallback for IE7 – 9
  • Menu closes when a link is selected.
  • Menu closes when the site overlay is selected.


Notice: Pushy requires jQuery 1.9+ and Modernizr.

  1. Include jQuery & Modernizr.
  2. Add the stylesheet pushy.css in the document head
  3. Now add the JS pushy.min.js file before the closing body tag.

Use this markup:

Browser Support


  • IE 7-10
  • Chrome
  • Firefox
  • Safari (Mac)


  • Chrome (Android 4.2.2)
  • Android Browser (Android 4.2.2)
  • Safari (iOS 6 – 7)
Github: https://github.com/christophery/pushy
Live Demo: http://www.christopheryee.ca/pushy/

Leave a Reply

Your email address will not be published. Required fields are marked *