The “Header” of each website pages contains two sections – the toolbar and the main navigation menu area (with the logo to the left).
To change the items that are displayed in the menu, in the WordPress admin area hover over “Appearance” and click “Menus” in the sub menu that appears.
There are three different menus in use on the website (toolbar – at the very top of the page; main navigation menu; and in the footer at the bottom of the page). To select the correct menu to edit ensure the “Edit Menus” tab is selected, choose “Main Menu (Primary)” in the dropdown and click the “Select” button.
Editing Menu Items
The methods of editing the menu applies to any of the menus on the website.
The menu items that are displayed are shown in the “Menu structure” pane. Where items are offset – such “Our Mission” and “Partners” in the Menu structure screenshot -they will be displayed as sub menus as in the screenshot below.
To add an item to the menu, check the checkbox next to the page in the “Add menu items” panel, then click the “Add to Menu” button.
The page will then display in the “Menu Structure” panel at the bottom of the existing items. To change the order simply click and drag it to the desired position.
After changes click the :Save Menu” button on the bottom right of the page to commit the changes.
Changing Display Name
By default the menu item will display the title of the page. This can be changed.
Removing an item from the menu
The “Remove” option can be found in the additional menu options accessed by clicking the small triangle next to the menu item name.
The default menu has two menu items styled differently from the others to make them stand out:
The “Get Involved” link has blue text instead of the default black text color.
To remove the blue color delete “blue-text” from the “CSS Classes (optional)” text box in the additional menu options.
To add the blue to another menu item enter “blue-text” to the “CSS Classes (optional)” text box.
The “Donate Now” link has a blue border and uppercase text.
To remove the blue border and uppercase delete “blue-border” from the “CSS Classes (optional)” text box in the additional menu options.
To add the blue border and uppercase text to another menu item enter “blue-border” to the “CSS Classes (optional)” text box.
Don’t forget to click the “Save Menu” button on the bottom right to commit changes!