Navigtations
All modular elements can be readily used and customized in every layout across pages.
Color schemes
Use the following classes or their combinations along with .znav-container
to update the navigtation scheme:
.znav-white
.znav-dark
.znav-shop
.znav-oxford
.znav-transperent
.znav-semi-transperent
NB: .znav-semi-transperent
only works with .znav-white
and .znav-dark
<div id="znav-container" class="znav-container znav-dark">
.....
</div>
<div id="znav-container" class="znav-container znav-dark znav-semi-transperent">
.....
</div>
Multi-level dropdown menu
Posh has multi-level dropdown menu feature. Nesting the list you can make the multi-level dropdown menu. By default the the menu appears at the right side of the corresponding item. If you want to push the menu to the left
side just add.dropdown-push-left
class along with .dropdown
class.
<ul class="dropdown dropdown-push-left">
.....
</ul>