How to add a button in the Header
- 1
-
Navigate to Appearance > Menus > and make sure you are editing the Primary Menu.
-
- 2
-
Inside the Primary Menu, add a new Custom Link item with URL and Label that will apply to the button.
-
- 3
-
For for the final step, add the Custom CSS class: btn btn-primary class to the item you've just added. If you want to make the button round, you can also add the btn-round class.
-
-
Note: keep in mind that by default the CSS Classes field it's not visible. To enable it, please open the Screen Options in the upper right corner and enable CSS Classes.
-
-
And this is how it will look in Front-end, after the changes are saved.
-
