Google+ Responsive Layout Template

I was recently working on a responsive CMS admin template layout in the style of Google + with fixed a fixed header and left & right navigation areas. I thought I would share it as a minimal base for anyone wanting to create a similar template layout.

When the document is resized to anything below the size of  a tablet device, the left navigation is collapsed and the right navigation area is displayed between the page header and the content. The whole document becomes scrollable instead of the just the content area.

I’ve tested this in IE9, Firefox, Chrome, Safari & Safari on iPhone. If you want it to work on IE8 and under you will need to add  the HTML5 Shiv plugin.

Leave a Reply

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