Setting up Header Menu

How to set the Header Primary Menu

  1. Go to Appearance > Menus.
  2. Click on create a new menu from the top.
  3. Give your menu a name in the Menu Name field and click on Create Menu.
  4. On the left, you will find all pages & posts are listed. Select the item you want in your menu and click on Add to menu
  5. You will see Menu Settings under Menu structure.
  6. Check the tick mark beside Primary Menu.
  7. Click on Save Menu


How To Change the Color, Font size of Header Primary menu

To customize the color of the primary header menu, Go to Appearance > Customize > Header > Header Menu.

Here is a detailed explanation of all the header menu customization options:

Menu Font Settings
  • Menu Font: Change your header menu font and select from a vast list of Google Fonts.
  • Menu Font Size: Write your menu font size in px, em or rem (example: 10px)
  • Menu Alignment: Align your menu to the left, center, or right.
  • Menu Font Weight: Select the thickness of your menu text.

Submenu Settings

  • Submenu Arrow: Hide or show the arrow indication beside the sub-menu.
  • Submenu Color: Change your Submenu color.
  • Submenu Text Color: Change your Submenu text color.

Menu Colors

  • Menu Item Color: Change your menu text color.
  • Menu Hover Color: Select the color of the menu text if the user hovers over it.
  • Selected Menu Text Color: Change the Menu Text-color once selected.
  • Selected Menu Background Color: Select what will be the color of the menu background once