WordPress is provided with a CSS class option for each of the menu item, sometimes by default this field will be turned hidden. We can activate the CSS class field by following the below steps.
Step 1) Goto Appearance>Menu, in the menu page on the to right corner you will find “Screen Options”, click that.
[su_lightbox type=”image” src=”http://janxcode.com/support/wp-content/uploads/2016/07/monex_menu_8.png”]
[/su_lightbox]
Step 2) Click the “CSS Classes” checkbox in the popup panel of “Screen Options”
[su_lightbox type=”image” src=”http://janxcode.com/support/wp-content/uploads/2016/07/monex_menu_9.png”]
[/su_lightbox]
Step 3) Now when you check the Menu item option tab you will find the CSS class box enabled for all the menu item elements. This field can be used for Custom CSS to be applied over the menu items.
[su_lightbox type=”image” src=”http://janxcode.com/support/wp-content/uploads/2016/07/monex_menu_10.png”]
[/su_lightbox]