Call to Action Button

Adding a Call to Action button to your main navigation is super easy with Page Builder Framework.

Premium Add-On users can add a customizable Call to Action button to their navigation right from within the WordPress customizer under Header -> Call to Action Button.

By default, the CTA Button gets added as the last element of the main navigation when activated in the Customizer. Please note that this will add the button only to the main navigation on desktop menus.

The Call to Action Button can be styled individually for:

  • regular navigation
  • transparent headers
  • sticky navigation

in the WordPress Customizer under Header -> Call to Action Button.

Alternatively, users can turn any menu item in their main navigation into a Call to Action Button by adding the wpbf-cta-menu-item class to their menu item of choice. This method will also display the Call to Action Button on mobile navigations.

No Premium? No Worries!

In this article from our blog we show you how to add a Call to Action Button to your main menu with just a little bit of  custom CSS.

Last updated on: March 6th, 2020

Scroll to Top


Download Page Builder Framework and be the first to get informed about new features & updates!


Get 10% off our Premium Add-On (yearly plan).
Coupon Code to enter during checkout: 10OFF View Pricing