Top

Layouts


We have provided a bunch of page layouts and menu 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

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

find sidebar-menu.js file and change above class compact-wrapper

How to use other layouts?

Add particular class for each layout in above js and it's changed all pages

Below class needs to be added with page-wrapper class when you want to add particular layout

layout

Dubai

class ="compact-wrapper"

layout

Barcelona

class ="horizontal-wrapper enterprice-type advance-layout"

layout

Tokyo

class ="compact-sidebar"

layout

Los Angeles

class ="horizontal-wrapper material-type"

layout

Madrid

class ="compact-wrapper color-sidebar"

layout

Moscow

class ="compact-sidebar compact-small"

layout

Singapore

class ="horizontal-wrapper enterprice-type"

layout

New York

class ="compact-wrapper box-layout"

layout

Paris

class ="compact-wrapper dark-sidebar"

layout

Rome

class ="compact-sidebar compact-small material-icon"

layout

London

class ="only-body"

layout

Seoul

class = "compact-wrapper modern-type"