Add custom 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



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



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

Add your custom classes to the menu item you choose.