Advanced Search Usage Terms Submit Contact
Dynamic Drive CSS Library

CSS Library: Vertical CSS Menus: CSS3 demos: Here

CSS Left hand side Menu

Author: Dynamic Drive

This is a mobile friendly side bar menu that appears from the left edge of the browser window when activated. It uses the classic "checkbox hack" to style sibling elements of a hidden checkbox based on the state of the later, in this case, a NAV and "overlay" DIV element whenever a corresponding label is clicked on. CSS3 is brought in to reveal the menu in style, though the menu works across all browsers, including IE8 with some visual sacrifice.

The CSS:

The HTML:

Code Info

Rate this code:

Date Posted: 01/25/2016

Revision History: None

Usage Terms: Click here

Your Comments
Copyright 2006-2016 Dynamic Drive