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

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.

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.

Last updated

Was this helpful?