Vertical menu configuration

How to use pre-built layouts?

Each of the layout options is provided below with steps you would need to perform in templates/partials/body.html.twig:

image
Dark Sidebar
Keep your body element with data attribute data-sidebar="dark"E.g. <body data-sidebar="dark"> to have dark sidebar.
image
Compact Sidebar
Keep your body element with data attribute data-sidebar-size="md" E.g. <body data-sidebar-size="md"> to have compact sidebar.
image
Icon Sidebar
Keep your body element with data attribute data-sidebar-size="sm" E.g. <body data-sidebar-size="sm"> to have icon sidebar.
image
Boxed Layout
Keep your body element with data attribute data-layout-size="boxed" E.g. <body data-layout-size="boxed"> to have boxed layout with icon view sidebar.
image
Brand Sidebar
Keep your body element with data attribute data-sidebar="brand" E.g. <body data-sidebar="brand"> to have brand sidebar.
image
Scrollable Layout
Keep your body element with data attribute data-layout-scrollable="true" E.g. <body data-layout-scrollable="true"> to have Scrollable Layout.
© Themesbrand.
Crafted with by Themesbrand