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:

Menu Items on the Classic Layout

The tab is available and the same for all Header Layouts except Header Footer Elementor.

Here is the overview of the tab:

Main Menu Font Settings

Customize the typography settings for the main navigation menu.

• 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:

Here are the available settings:

• 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.

• 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

Configure the appearance of the mobile navigation menu.

• 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.