Add CSS classes to navigation menu items

To add your own custom CSS classes to the navigation menu items you need to go to Appearance -> Menus.

In the top right cornerĀ of the screen you will see Screen Options

menu-classes-01

 

Open the Screen Options drop down and select the CSS Classes box to turn this option on.

menu-classes-02

 

You will now see CSS Classes (optional) available under each menu item.

Add your custom CSS classes to the menu item you choose.