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

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: