How to Add a Button in Your WordPress Header Menu

Want to add a button to your WordPress header menu?

When you add a button to the header navigational menu, you create a noticeable call to action. And this improves the click through rate of that button.

In this video, you'll learn how to easily add a button to your WordPress header menu.

---Links---

---Related Videos---

Why Add a Button in WordPress Header Menu?
WordPress navigation menus are usually plain text links that all look the same. In terms of design, all the links are given the same importance and weight.

Adding a button will highlight your most important call to action on your site to make it more noticeable and easier for people to find them.

If you liked this video, then please Like and subscribe to our channel here for more WordPress videos.

Join our group on Facebook

Follow us on Twitter

Check out our website for more WordPress Tutorials

Timestamps

00:00 Intro for how to add a button in your WordPress header menu
00:34 How to edit your WordPress menu to add CSS
01:10 Add custom CSS class to your menu
02:02 Add code to customize area in WordPress
02:27 How to see changes immediately with CSS
02:52 How to track your conversions with MonsterInsights

#WPBeginner #WordPressTips #WordPressButton

[DecouvrirLaTechnologie]

Thank you, you saved me a lot of headeaches !

[awakinmenshealth]

thanks. however on my mobile site the button color surrounding the text is higher on the dropdown menu. How do I correct this on the mobile version?

[wpglob-wordpresstutorials]

I have been searching for this for quite a long time. Thank you so much!!!

[builder]

Hi, how do you reduce the width of the button and change the colour of the active button? Appreciate it, a great video.

[saifurrehman]

Thanks for such guidance. I am curious to know, once we update our theme, this custom code will stay or not?

[luziasousa]

Hi, help. the button is fitting perfect on desketop, but on mobile it's looking weird. Is there a way to set different width for mobile and desktop? i am from Brazil. 😍

[avgytenjoyer]

you were so close to telling me what I need to know then you skipped it. My template came with a button and I have no idea how to edit it.

[NicoleTongue]

This does not account for any padding and so I have a giant smear from the text all the way to the bottom of my menu and it does not look good. I need where the button background color will just surround the text only and not the entire background.

[anumr]

Cannot get the code link in your description

[KabalKhajaliya]

Yoast seo not showing my woldpress post ?