Skip to content

Menu CTA Button Customization: Options and Flexibility

Configure the Listivo menu's call-to-action button: show or hide it, change its link, text, icon and style, or turn it into a clickable phone number.

2 minute read

The Menu CTA (Call to Action) button is a feature in the Listivo theme's menu that encourages user interaction. Here are the key options available for configuring the CTA button:

  • Display or hide the CTA button
  • Change the link
  • Set custom text
  • Change the icon
  • Modify the style (choose from 2 global styles)
  • Convert the CTA button to display a phone number
Front-end menu bar with Home, Search, Listings and Pages links, a Log In link and Register link, and an orange "Post Your Ad" button on the right highlighted with a green outline.

How to Configure the CTA Button

To configure the basic settings of the CTA button, navigate to the Listivo Panel and then to Menu. There, you can:

  1. 1 Show or hide the button

    The CTA Button checkbox displays or hides it.

  2. 2 Set the link

    CTA Button Link sets the page the button redirects to.

  3. 3 Set the button text

    Custom CTA Button Text specifies the text shown on the button.

    Listivo Panel Settings on the Menu tab, with the CTA Button checkbox, the CTA Button Link dropdown set to Add Listing, and the empty Custom CTA Button Text field grouped inside a green outline.

More options in the menu widget

For more detailed customizations, go to the Listivo Panel and select Templates. Choose the Layout you want to modify, and edit the menu widget.

Listivo Panel Templates screen on the Layout tab, with green arrows pointing at Templates in the sidebar and at the Edit button on the row named Layout.

Here, you will find additional options:

  1. 1 Change the icon

    CTA Button Icon customizes the icon shown on the button.

    Elementor Edit Menu V2 panel with a calendar glyph chosen in the CTA Button Icon field, and green arrows running to the yellow "Post Your Ad" button at the top right of the page preview.
  2. 2 Switch to a phone number

    Type switches between a button and a text phone number.

    Elementor with the menu widget Type field set to Phone; the page preview shows the phone number (123) 345-6789 in the header instead of a button.
  3. 3 Change the style

    CTA Button Style switches to your second predefined style in the Site Settings, for example blue with white text.

    Elementor with the CTA Button Style dropdown highlighted in the left panel and a green arrow pointing to a blue "Post Your Ad" button in the page preview header.

What is not included

For additional customizations, such as changing the button style to something other than one of the global options, or altering its position on mobile devices, custom coding that goes beyond the scope of the theme will be required. You may also consider using a different menu widget by another author if you find suitable solutions. This theme covers the above options, and the menu is just one of its elements. We strive to add as much flexibility as possible and will consider more options in the future. However, it is technically not possible to cover all possible menu scenarios, and we appreciate your understanding.

Ask the people who build Listivo

We answer by email from support@tangiblewp.com. With Premium Support, we also fix your site when something breaks.

Was this guide helpful?