Customize the Primary Menu of the Site

Customize the Primary Menu of the Site

Location: Appearance → Customize → Header & Navigation → Primary Menu

The Primary/Navigation menu in the ColorMag theme lies on the Primary Header area. Generally, a primary menu includes links to the most essential pages of your site. The theme allows customizing the primary menu with various options listed below: [Available in ColorMag Pro]

General #

Category Color #

Basically, in the primary menu of the ColorMag theme, we add categories as primary menu items. This section changes the categories menu background color while hovering over them. The color is taken from the category color added from the section here.

Enable Category Color
Enable Category Color

Style #

Background #

It sets the background color for the primary menu area. You can add a Background Color or an Image to the primary menu.

Change Primary Menu Background
Change Primary Menu Background

Border Top #

It changes the Border Color that appears at the top of the menu items.

Change Border Top Color
Change Border Top Color

Padding #

It adjusts the padding spaces of the primary menu items in the Left, Right, Top, and Bottom areas.

Change Primary Menu Padding Area
Change Primary Menu Padding Area

Main Menu #

ColorMag allows you to customize the primary menu items with the following option listed below:

  • Color – It changes the menu item color for normal and hover/selected state.
Change Primary Menu Item Color
Change Primary Menu Item Color
  • Typography – It controls the primary menu item’s Font Family, Weight, and Font Size.
Change Primary Menu Item Typography
Change Primary Menu Item Typography

ColorMag allows you to customize the sub-menu items with the following option listed below:

  • Background – It sets the background color of the sub-menu area. You can add a Background Color or an Image to the sub-menu area.
Change Sub Menu Background Color
Change Sub Menu Background Color
  • Typography – It controls the sub-menu item’s Font Size.
Change Sub Menu Font-Size
Change Sub Menu Font-Size
Customize the Primary Menu of the Site
Scroll to top