Horizontal menu configuration

If you would like to have Horizontal Menu (or Topnav) based layout,

You can use Horizontal folder for horizontal layout and if you want to change layout from vertical to hoizontal then perform the below changes.
You need to update the below code in the partials/body.html
<body data-layout="horizontal" data-layout-size="boxed">
And in partials/menu.html
@@include("horizontal.html")
It will set horizontal layouts in all the pages.

In order to add, change or remove any ui elements from the topbar, simply edit in file src/partials/horizontal.html. The change would reflect in all the files automatically.

How to use pre-built layouts?

The layout options is provided below with steps you would need to perform:

image
Full Width Layout
Remove data attribute data-layout-size="boxed" E.g. <data-layout="horizontal"> to have Full Width layout.
© Themesbrand.
Crafted with by Themesbrand