Vertical menu configuration
How to change width?
- HTML
-
In order to change the width of left side navigation
bar,
open a file
src/scss/_variables.scssand change the value of variable$sidebar-width. The default value is set to260px.
How to use pre-built layouts?
Each of the layout options is provided below with steps you would need to perform in:
Please do the below change in the html element at templates/partials/main.html file. ex: <html data-layout-width="fluid">
Color Scheme
data-bs-theme="light"
data-bs-theme="dark"
Layout Width
data-layout-width="fluid"
data-layout-width="boxed"
Layout Position
data-layout-position="fixed"
data-layout-position="scrollable"
Topbar Colors
data-topbar="light"
data-topbar="dark"
Sidebar Sizes
data-sidebar-size="lg"
data-sidebar-size="md"
data-sidebar-size="sm"
data-sidebar-size="sm-hover"
Sidebar View
data-layout-style="default"
data-layout-style="detached"
Sidebar Colors
data-sidebar="light"
data-sidebar="dark"