Adding a call-to-action button to your navigation

Having a call-to-action (CTA) button in your navigation menu that’s usually visible at the top of your website is a great way to draw attention to an important page or section from your website. It can be your online shop, a reservation/booking system, a contact page, or anything else that helps you achieve your goals.

Visual representation of a call-to-action button in the navigation menu

The good thing is that Rosa 2 comes with this option pre-built, so all you have to do is follow a few quick steps:

  • First, add a regular menu item to the navigation menu that you will later transform into a call-to-action button. To learn how to do that, read this article
  • Next, from your WordPress dashboard, navigate to AppearanceCustomizeMenus;
  • Choose a menu, then click on a menu item that you want to transform into a button;
  • In the CSS Classes*field, add the following text is-cta-button
  • When you’re done, click the Publish button.

Here’s a step by step video that can guide you through:

Adding a call-to-action button to the navigation

* If you don’t see the CSS Classes field, navigate to AppearanceMenus, click on the Screen Options button from the top right corner and check the CSS Classes option. View the screenshot for details.

Updated on March 8, 2021

Can't find what you’re looking for? Ask a human.

We're a small team of real people providing real help. Send us an email at hello@pixelgrade.com and we will give you a helping hand.