How to create a call to action button in the menu
In this tutorial, you will learn how to create a call to action button in your Divi menu. A strong call to action on every page can be very powerful and get you more engagement with your website visitors. You can direct your visitors to a contact, quote or a landing page. You can even make it a phone number. You can see a live example here:
Step by step guide
The first step you need to add a CSS class to the menu page that you want as a button.
in your WordPress dashboard navigate to Appearance > Menus
Add the CSS class cta_menu to the menu page.
If you don’t see the CSS class field then you need to enable it. You can do this as follow:
Go to the screen options (upper right corner) and check CSS classes.
Add the following CSS in Divi > Theme options > Custom CSS
To change the background color of the button you can change the color code in:
To change the font color you can change the color code in:
color: #fff !important;
Sign up for a Free membership and get access to this and all other free Divi layout packs, cheat sheets, exclusive discounts and much more.