How To Add A “Simple” Button To The Main Menu

Since Total 2.0.0 you can now create a simple button for any link on Header Style One. All you need to do is add the classname “menu-button” to your menu item and it will create a blue button. To change the color of the button, size, padding…etc, that would need to be done via custom css as I didn’t want to bloat the theme with even more options for something so simple.

Add Menu Class

  • menu-button – Adds a simple slightly rounded button with the theme accent color as the background
  • menu-button menu-button-rounded –  Adds the menu button but also gives it greater rounded corners for a “pill-shape” button

menu-button-class

Don’t See the CSS Classes option? If you don’t see the field to enter your custom CSS class simply click on “Screen Options” on the top right of your menu dashboard to enable it. You can also view this video guide.

Result

menu-button-result