Problem:


How do I set a menu item to have the attributes of a “Special Button” like the Contribute button in the demo menu? I don’t need it to be an action menu. Just need to add a Donate button in the menu that links directly to the donate page. But I want it to have the stylings of the special button.


Solution:


Please follow these instructions:


1. navigate to Appearance > Menus > %YOUR_SPECIFIC_MENU%

2. click on the “Screen Options” (top right corner of the admin area) and make sure to check CSS Classes



3. expand appropriate menu item and remove class overlay



Explanation:

  • class “overlay” will popup action menu 
  • class “special” will give specific styling of menu item (red button, i.e.) 
  • both classes will have the same behavior as on our demo site.