Horizontal menu configuration

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

You can use Horizontal file 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 layouts/body.php
<body data-layout="horizontal">
And in layouts/menu.php
<?php include 'horizontal.php'; ?>
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 layouts/horizontal.php. The change would reflect in all the php files automatically.

How to use pre-built layouts?

Each of the layout options is provided below with steps you would need to perform in: layouts/body.php file.

image
Dark Topbar
Keep your body element with data attribute data-topbar="dark" data-layout="horizontal" E.g. <body data-topbar="dark" data-layout="horizontal"> to have dark topbar.
image
Boxed Layout
Keep your body element with data attribute data-layout-size="boxed" data-layout="horizontal" E.g. <body data-layout-size="boxed" data-layout="horizontal"> to have boxed layout.
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.
© Pichforest.
Crafted with by Pichforest