# Menu

Under the Menu tab of the header, colors, font styles, and other text-related parameters of the menu items of the Header part can be customized:

<figure><img src="/files/OJs3cgfFheC8XvopwWg3" alt=""><figcaption><p>Menu Items on the Classic Layout</p></figcaption></figure>

{% hint style="success" %}
The tab is available and the same for all [Header Layouts](/motors-car-dealer-classifieds-and-listing/motors-skins/theme-options/header/main.md#header-layout) **except Header Footer Elementor.**
{% endhint %}

Here is the overview of the tab:

<figure><img src="/files/3im07b9L0BI1yCovJxSB" alt=""><figcaption></figcaption></figure>

## Main Menu Font Settings

Customize the typography settings for the main navigation menu.

<figure><img src="/files/g3lIHXZuHFK6Nkmtu7H1" alt=""><figcaption></figcaption></figure>

* **Font Family** – Choose the main font family for the menu items.
* **Backup Font Family** – Select a backup font family to ensure compatibility.
* **Font Weight & Style** – Set the font weight and style for the main menu (e.g., Bold 700).
* **Font Subsets** – Select font subsets to support different character sets (e.g., Latin).
* **Text Align** – Set the text alignment for menu items (e.g., Left).
* **Font Size** – Define the font size for menu items in pixels.
* **Line Height** – Set the line height for menu items in pixels.
* **Word Spacing** – Adjust the space between words in menu items.
* **Letter Spacing** – Adjust the space between letters in menu items.
* **Text Transform** – Apply text transformation (e.g., Uppercase, Capitalize).

## SubMenu Font Family

Customize the typography settings specifically for submenu items:

<figure><img src="/files/XzGRamU31Qb1uLdXn4KN" alt=""><figcaption></figcaption></figure>

Here are the available settings:

<figure><img src="/files/ouT05eTLaAXlakTaOmJn" alt=""><figcaption></figcaption></figure>

* **Font Family** – Select the font family for submenu items.
* **Backup Font Family** – Choose a backup font for submenu items.

## Desktop Menu Settings

Adjust the appearance and behavior of the desktop version of the menu.

<figure><img src="/files/V52N1LEwtirrJCajeg7j" alt=""><figcaption></figcaption></figure>

* **Spacing Between Menu Items** – Set the space between top-level menu items (e.g., 20 pixels).
* **Item Text Color** – Choose the color for the default menu item text.
* **Hover Item Text Color** – Set the text color when a menu item is hovered over.
* **Hover Item Underline Color** – Choose the underline color for a menu item on hover.
* **Active Item Text Color** – Set the text color for the currently active menu item.
* **Active Item Underline Color** – Set the underline color for the active menu item.
* **Submenu Background Color** – Define the background color for submenu dropdowns.
* **Submenu Item Hover Background Color** – Set the background color for submenu items when hovered.
* **Submenu Item Text Color** – Choose the text color for submenu items.
* **Submenu Item Hover Text Color** – Set the text color for submenu items on hover.

## Mobile Menu Settings

<div><figure><img src="/files/cHT37Sp0TnC3rHgLsaaV" alt=""><figcaption></figcaption></figure> <figure><img src="/files/e1QgMemWjWIxYpu6h2M4" alt=""><figcaption></figcaption></figure></div>

Configure the appearance of the mobile navigation menu.

<figure><img src="/files/BtDvDbrzpf1y5cV4BEMK" alt=""><figcaption></figcaption></figure>

* **Menu Background Color** – Set the background color for the entire mobile menu.
* **Menu Item Background Color** – Choose the background color for individual mobile menu items.
* **Menu Item Text Color** – Define the text color for mobile menu items.
* **SubMenu Item Background Color** – Set the background color for mobile submenu items.
* **SubMenu Item Text Color** – Choose the text color for mobile submenu items.


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.stylemixthemes.com/motors-car-dealer-classifieds-and-listing/motors-skins/theme-options/header/menu.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.