Top

Sidebar Type


Sidebar layouts that can be implemented with just a options change to "page-wrapper" ! Please refer the below details

If you want to change layout type for the all pages you have to set localstorage settings

Vertical sidebar layout

Our default template layout is Vertical sidebar

For the vertical layout, you need to use compact-wrapper class with page-wrapper

<div class="page-wrapper horizontal-wrapper " id="pageWrapper">
</div>

Horizontal sidebar layout

For the horizontal layout, you need to change compact-sidebar compact-small to compact-sidebar compact-small material-ico class

we are provide code structure for the horizontal menu

<div class="page-wrapper compact-wrapper " id="pageWrapper">
</div>

If you want to change whole template in horizontal menu then you need to change one js also for the localstorage settings

if (localStorage.getItem("page-wrapper") === null) {
   $(".page-wrapper").addClass("horizontal-wrapper");
}