Do you ever wanted to style header menu items separately in wordpress?

in wordpress you can easily style your menu by adding css classes to each elements and make use of it. this is how to do that.

  1. Go to admin > appearance > menu.
  2. Click on Screen Options (top right of the screen in WordPress dashboard).

screen option

  1. Check the CSS classes options in the “Show advanced menu properties” panel. It will add an area on the menu items to add a class.
  2. add your css classes to the menu item.

add css to menu items

  1. Now go to the custom CSS area and write some CSS to style the menu button.

custom css

Now you can style your menu items separately to match with your design and the clients needs.