Special Button in Menu

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

css-classes
3. expand appropriate menu item and remove class overlay

css-classes2

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.

0