Menu

Menu settings control the colors, spacing and font size of the main menu. Go to AppearanceCustomizeTheme DesignMenu. To create a menu first, see Menus.

Menu

Menu Alignment
Aligns the menu items to the Left, Right or Center. Default: Left.

Background
Default: #343538.

Text Color
Default: #e2e2e2.

Hover Background
The background of a first level item when a visitor points at it. Default: #00bcff.

Hover Text
Default: #ffffff.

Current Page Background
The background of the item for the page that the visitor is on. Default: #343538.

Current Page Text
Default: #ffffff.

Drop-Down Menus

Second Level Background
The background of drop-down items. Default: #464646.

Second Level Text
Default: #e2e2e2.

Second Level Hover
The hover background of drop-down items. Default: #00bcff.

Second Level Hover Text
Default: #ffffff.

Icons

These settings color the icons that you add with Menu Icons.

Icon Color
Default: #cccccc.

Icon Hover Color
Default: #ffffff.

Search in Menu

These settings apply when Search in Menu is on and Max Mega Menu is not active for the Primary Menu. Find the setting in Navigation.

Search Icon Background
Default: #303134.

Search Icon Color
Default: #d1d1d1.

Search Icon Hover Color
Default: #ffffff.

Search Input Background
The background of the search field that opens when a visitor clicks the search icon. Default: #2d2e31.

Search Input Text
Default: #d1d1d1.

Spacing and Size

Menu Item Vertical Padding (px)
The space above and below each item. Default: 20.

Menu Item Horizontal Padding (px)
The space to the left and right of each item. Default: 35.

Menu Font Size
Default: 13px.

Header Widget Menu Border Color
Vantage adds a top border to the drop-downs of a Custom Menu widget in the Header widget area. This setting changes its color. Default: #00bcff.

When WooCommerce is active and Mini Cart in Menu is on, the Background and Text Color settings also style the cart drop-down, and Hover Background styles the cart count. The mobile menu has its own settings. See Mobile Menu.