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
.
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.
Change Skin
There's only 1 available skin to choose for right now. More will be coming soon in the next updates.
To manually add the skin into your page, just add the below code into the <head>
.
<link href="css/style.inverse.css" rel="stylesheet">
Change Font
Some devices don't render the default font used in this template properly so we've added some font choices for you to choose your own font by selecting the available font below.
To manually add the font changes into your page, just add the below code into the <head>
.
<link href="css/font.helvetica-neue.css" rel="stylesheet">