Back to Browse

How to Add Button to WordPress Header Menu (No plugin needed!)

57.4K views
Mar 1, 2021
7:50

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: https://github.com/tipswithpunch/youtube-tutorials/blob/main/wp-custom-menu-btn Emojis: https://emojipedia.org/ 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: https://punchsalad.com/hostpapa/ (60% discount) Where I get my domains: https://punchsalad.com/namecheap-domain/ WP plugins I'm using: https://punchsalad.com/recommendations?utm_campaign=addBtnMenu&utm_medium=social&utm_source=youtube Some of the above links might be affiliate links.

Download

0 formats

No download links available.

How to Add Button to WordPress Header Menu (No plugin needed!) | NatokHD