Skins & Layouts Subtitle goes here...
Sticky Header
You can enable the sticky header by adding stickyheader
class manually to the body element in each page.
<body class="stickyheader">...</body>
or you can use jQuery to add stickeyheader class to body element in every page.
jQuery('body').addClass('stickyheader');
Sticky Left Panel
You can enable the sticky left panel by adding sticky-leftpanel
to the element leftpanel
.
<div class="leftpanel sticky-leftpanel">...</div>
Take note that by making the leftpanel sticky the header should also be sticky to prevent broken layout.
Collapsed Menu (For Large Screen Only)
This will collapsed the left panel in every page by default. To enable, the body
element should always have a class leftpanel-collapsed
.
This feature is for large screen only. Viewing it in any small devices should hide the left panel by default.
Inverse Skin
This is an example of changing the color skin of this template affecting the left panel, header and right panel. Just add the below code into the head
. There are only one skin available for now. More skins are available for the coming updates of this template.
<link href="css/style.inverse.css" rel="stylesheet">