Omega.js uses CSS media queries to detect the screen size and collapse the regular navbar into a hamburger sidebar navigation (aka. off-canvas navigation).
A project contains 5 off-canvas hamburger navigation variations from which you can choose to bring the native app navigation experience to your webpage.
tinyDrawer.js is a small, zero-dependency drawer navigation component to slide in an off-screen menu from the left when toggled.
Yet another responsive, cross-platform navigation system that converts the horizontal menu into an off-screen hamburger navigation on the mobile device.
A pure CSS, mobile-friendly off-canvas navigation system built using plain HTML/CSS/CSS3 and :focus-within CSS pseudo-class.