How do I right align a menu item?

To right align a menu item;

  1. Go to Appearance -> Menus
  2. Add the class navbar-apply to the CSS Classes field for the menu item that you want to align right(Figure:1)
  3. Save the menu. 
By default, the Right Aligned Menu item has an orange(#EB513A ) background colour, if you would like to have the blue(#0055b7) background colour add the class navbar-alt-blue after the main class separated with a space.

Figure 1: Add class to the CSS classes field.