Inspiro – How to Create a Button in the Top Menu

To add a button in the menu, you have to add the wpz-button custom CSS class to an item from that menu:

1. Go to Appearance > Menus.

2. Click on Screen Options and make sure the CSS Classes checkbox is ticked.

3. Click on the arrow icon to the right of a menu item to expand the settings.

Add the wpz-button class into the “CSS Classes” field and click “Save Menu“.

The button’s color will be the same as the one selected in Customize > Color Scheme.

You can also change it with a custom color by adding the following CSS code in Customize > Additional CSS:

.navbar .wpz-button a {
    background-color: #d19731;
}