Sidebar Left

To use this type of layout your markup should start with:

Screen Shot 2013-12-19 at 4.43.54 AM

 

 

Then inside “sidebar-menu” you put the logo and menu markup.

Here is sample HTML code you can put here:

 

Collapsed Sidebar

To set collapsed sidebar by default add class “sidebar-collapsed” to element “div.page-container”.

 

Fixed Sidebar

Add “fixed” class to “div.sidebar-menu” element. See an example on this file: html/layout-sidebar-static.html

 

Static Sidebar

If you want to prevent users to collapse/expand sidebar just remove this part of code from the above pastebin:

Was this article helpful?