Canvas Docs

Menu Styles

You can use from a variety of 8 Menu Styles.

Settings

SettingDescription
DefaultDefault Menu Style which aligns to the right.
Example: [ch_pre]<nav class="primary-menu"> ... </nav>[/ch_pre]
.style-3Menu Items with Theme Scheme Background Colors.
Example: 
<nav class="primary-menu style-3">
	...
</nav>
.style-4Menu Items with Theme Scheme Border Colors.
Example: 
<nav class="primary-menu style-4">
	...
</nav>
.style-5Menu Items with Large Icons on top of the Menu Name.
Example: 
<nav class="primary-menu style-5">
	...
</nav>
.style-6Menu Items with a top animating border on Mouse Hover.
Example: 
<nav class="primary-menu style-6">
	...
</nav>
.sub-titleMenu Items with Sub Titles.
Ex.
<nav class="primary-menu sub-title">
	...
</nav>
Menu aligns below the Logo Area & Menu Items have Sub Titles.
Ex.
<header id="header" class="sticky-style-3">

	...

	<div id="header-wrap">
		<nav class="primary-menu style-2 sub-title">
			...
		</nav>
	</header-wrap>
</header>
.with-arrowsMenu Items with Arrows indicating that there is a Dropdown Menu underneath.
Example: 
<nav class="primary-menu with-arrows">
	...
</nav>
.on-clickOpen Menu Items on Click rather than on Hover.
Example: 
<nav class="primary-menu on-click">
	...
</nav>