Horizontal menu configuration
If you would like to have Horizontal Menu (or Topnav) based layout,
- HTML
-
Simply update
<body data-layout="horizontal">in thetemplates/partials/base.htmlfile and
In order to add, change or remove any ui elements from the top bar, simply edit in
file
src/partials/horizontal.html.
The change would reflect in all the files automatically.
How to use pre-built layouts?
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"