I’ll show you how to add a button to the WordPress menu. We will add the button to the header navigation. No plugins needed! Just a few lines of code that you need to copy and paste.
You will be able to choose if you want to add an icon inside the button and obviously change colors and so on.
CSS code used in this video:
Emojis:
Add a button to the WP header navigation:
00:00 What we will do
00:25 Add a link to the menu with a CSS class
02:41 Alternative CSS
03:55 Customize button color
06:28 Customize button icon
06:59 Customize button hover
Let’s add a button to the WordPress menu with a bit of CSS, so it will appear in the header navigation. The call-to-action (CTA) will include an icon and you will be able to adjust the color, size, and some other basic settings.
Hosting I’m using: (60% discount)
Where I get my domains:
WP plugins I’m using:
Some of the above links might be affiliate links.
source