Main header nav

Main header Navigation

Choose a WP Menu

In Theme Options → Global → Navigation → Navigation options → Location of Primary nav, you can choose which of the two main Navigation areas (Solo nav or main header) of React you want to use for the Primary Menu. The other area will automatically become the Secondary menu.

Note: You will need to create the Primary (and Secondary) WP Menus in Appearance → Menus → Create a new menu. Remember to assign the new Menu to one of the React theme locations (in this case Primary or Secondary). Appearance → Menus → Menu Settings → Theme locations → Primary Menu / Secondary Menu. More info here.

Add a Menu description

First you need to add the text for the description. Go to: Appearance → Menus → Menu Structure → (toggle open menu item) → Description*. Add the description text in the field provided.

* If Description field is not visible, you can switch it on in Appearance → Menus → Screen Options (Top right of page) → Description. Tick the box to show the Description field.

How to display the Description

In Theme Options → Global → Navigation → Navigation styles → Navigation style → Description type. Here you can choose from either a hover description or a line of text under the menu link.

Home button icon link

To activate the Home button go to: Theme Options → Global → Navigation → Navigation options → Show home icon?. Switch it on.

Once the Home button has been switched on you can choose a style for it from the dropdown list.

Note: The Home button will always show next to the Primary Menu.

Styling

Menu styles

Go to: Theme Options → Global → Navigation → Navigation styles → Navigation style → Solo Nav. Here you can choose from a variety of styling options for the Menu.

navigation-styles

Add Color

Go to: Theme Options → Design → Color → Main Header. More Info.

Add Texture or Background image

Go to: Theme Options → Design → Style → Main Header. More Info.

Responsive options

Switch to Device menu

Choose when to switch Solo Nav and Main Nav to the Device Menu.

Theme Options → Global → Navigation → Navigation convert points → When to swap Main Header and Solo Nav to the Device Menu
Be inspired. © 2024 ThemeCatcher Ltd. 20-22 Wenlock Road, London, England, N1 7GU | Company No. 08120384 | Built with React | Privacy Policy