Navbar Appearance
This are in string.-
header_navbar
- for header navbar there are 4 options given below:"header_navbar": "default", choices: 'default', 'navs-sticky', 'nav-glass', 'navs-transparent'
There are two ways you can change the setting of your navbar:
With the use of live customizer
You can work on navbar using Live Customizer in two different ways:
-
You can change the navbar with the property name and its
value here by declaring property name and its values in
Database->Seeds->AppSettingSeeder.php
file.- This is the example ofAppSettingSeeder.php
file.'value' => '{ "saveLocal": "", "storeKey": "huisetting", "setting": { "app_name": { "value" : "Hope UI"}, "header_navbar": {"value" : "default"}, } }',
php spark migrate:refresh
to save changes in database. -
You can change navbar from your database for that open
table with name
app_setting
.In the cloumn namevalue
change the value for variableheader_navbar
.
Manual
You can change the navbar layouts with a single action.
-
By adding some
classes
in navbar parent section. Example is given below.
Navbar Style
If you wish to change the navbar style, you can follow the below action.
For example you have to set navbar style as
sticky
then you will have to add
navs-sticky
class at nav
tag.
- For navbar style as sticky
<nav class="nav navbar ..... navs-sticky">
.......
</nav>
- For navbar style as glass
<nav class="nav navbar ..... navs-glass">
.......
</nav>
- For navbar style as Transparent
<nav class="nav navbar ..... navs-transparent">
.......
</nav>
- For navbar style as default
<nav class="nav navbar ..... navs-default">
.......
</nav>