Horizontal menu configuration
You can change or customize the Topbar Menu Navigation very easily.
How to add new menu items/change menu items?
- In order to add, change or remove menu items from the
Topbar Menu navigation, simply edit in file
partials/horizontal.php.
How to change height?
-
In order to change the height of topbar menu,
open a file
assets/scss/_variables.scssand change the value of variable$header-height. The default value is set to70px.
How to use pre-built layouts?
Please do the below change in the html element at
partials/main.php file. ex:
<html data-layout-width="fluid">
Bordered Layout
Add data attribute in body elementdata-layout="horizontal" data-layout-mode="bordered" E.g.
<body >data-layout="horizontal" data-layout-mode="bordered"> to
have Bordered.
Topbar Dark
Keep your body element with data attributedata-topbar="dark" data-layout="horizontal" E.g. <body data-topbar="dark" data-layout="horizontal"> to have Dark topbar.
Boxed Layout
Keep your body element with data attributedata-layout-size="boxed" data-layout="horizontal" E.g. <body data-layout-size="boxed" data-layout="horizontal"> to have boxed layout.
Scrollable Layout
Keep your body element with data attributedata-layout="horizontal" data-layout-scrollable="true" E.g. <body data-layout-scrollable="true" data-layout="horizontal"> to have Scrollable Layout.