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.