Header Primary Menu

Add Header Primary Menu

The header builder ( found in  Appearance > Customize > Header ) has three rows in which you can easily select and arrange the available components you can find while hovering over each division of the rows. Just click on the "+" (Add) sign and a list of components will appear. From there you can add the Primary Menu.

Open customizations for Primary Menu

To open the customizing options, just click on the newly added Primary Menu component. This will open the Primary Menu panel on the left side, from where you can customize the component.

Create your Primary Menu

In the General tab, click on Primary Menu. You will be directed to the Menus location in Customizer, where you can create/edit a new menu and assign it as Primary Menu.

General options for the Primary Menu

Expand the first level of the dropdowns when menu is in the mobile sidebar.

Custom colors for the Primary Menu items

Watch a video about using different menu colors on Desktop vs Mobile

In the Style tab, you will find three color controls and one hover skin mode:

Hover Skin Mode: There are four skin modes available for the primary menu. These are styles that apply while hovering the menu items. 

Items Color: Primary Menu items color 

Active Item Color: Color for the active Primary Menu items. ( An item is active when it links to the currently viewed page or to a section on that page ) 

Items Hover Color: Primary Menu items color on hover

Custom typography for the Primary Menu items

To change the font family, font size, line height, letter spacing or font weight of menu items open the Typography subpanel found in the Style tab. Click on the little Desktop/Tablet/Mobile icons to set different values based on device.

You can also make the menu items Capitalize, lowercase or UPPERCASE from the Transform option.

Custom padding and margin

Click on the Layout tab to have access to advanced positioning options like Alignment ( inside the header builder available space for the Primary Menu component ), Padding and Margin. 

Custom spacing & height for the menu items

In the Layout tab, there are also controls for:

Items Spacing: Space (in pixels) between menu items

Items Height: Top/Bottom space (in pixels) for menu items

Neve has only one Primary Menu component included in the header builder. An extra Primary Menu component is part of Neve Pro's Header Booster module.

Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.