Menu
Last updated
Was this helpful?
Last updated
Was this helpful?
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:
The tab is available and the same for all except Header Footer Elementor.
Here is the overview of the tab:
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).
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.
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.
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.
