Menu Styles

You can use from a variety of 8 Menu Styles.

Settings

Setting Description
Default

Default Menu Style which aligns to the right.

Ex:

<nav class="primary-menu">
	...
</nav>

.style-3

Menu Items with Theme Scheme Background Colors.

Ex:

<nav class="primary-menu style-3">
	...
</nav>

.style-4

Menu Items with Theme Scheme Border Colors.

Ex:

<nav class="primary-menu style-4">
	...
</nav>

.style-5

Menu Items with Large Icons on top of the Menu Name.

Ex:

<nav class="primary-menu style-5">
	...
</nav>

.style-6

Menu Items with a top animating border on Mouse Hover.

Ex:

<nav class="primary-menu style-6">
	...
</nav>

.sub-title

Menu 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 id="primary-menu" class="style-2 sub-title">
			...
		</nav>
	</header-wrap>
</header>

.with-arrows

Menu Items with Arrows indicating that there is a Dropdown Menu underneath.

Ex:

<nav class="primary-menu with-arrows">
	...
</nav>

.on-click

Open Menu Items on Click rather than on Hover.

Ex:

<nav class="primary-menu on-click">
	...
</nav>

Last Modified: June 8, 2020