Use the navigation styles to customize the way you navigate the content and style the main menu with icons or create horizontal and vertical menus with preset design elements.

Vertical Menu Styles

The 4 preset styles for the vertical menus are basic, arrow, side and line. Each of them has different styles for the CLEAR, DARK, LIGHT or COLOR backgrounds:

Menu Basic

Menu Arrow

Menu Side

Menu Line

Menu Basic Clear

Menu Arrow Clear

Menu Side Clear

Menu Line Clear

Menu Basic Dark

Menu Arrow Dark

Menu Side Dark

Menu Line Dark

Menu Basic Light

Menu Arrow Light

Menu Side Light

Menu Line Light

Menu Basic Color

Menu Arrow Color

Menu Side Color

Menu Line Color

How to use the vertical menu styles

To use the vertical menu styles, simply copy the name of the style inside the Menu Class Suffix field inside the Advanced options of the menu module:

FavThemes tutorial for the vertical menus

For the CLEAR, DARK, LIGHT and COLOR vertical menu styles, add also menu-clear, menu-dark, menu-light or menu-color:

FavThemes tutorial for the vertical menus styles