Header Builder – Adding a Callout Button

Last Updated on

The Header Builder is a new feature in Jupiter which lets you create and modify your website header using a visual drag & drop editor.

Note: To learn more about the Header Builder, check out this article.

In this article, we’ll explain how to add a callout button to your header using the header builder.

Beware! The header builder is still in beta version. Please do not test it on a live website until the stable release. If you’ve found a bug related to the header builder, please report it as shown in this article.

In this article

Activating the Header Builder

By default, the Header Builder is disabled. To learn how to activate it, check out this article.

Adding a Callout Button

Since the Header Builder lets you create flawless layouts for your website using drag & drop, adding a callout button is as easy as dragging it to the header and styling it as you like:

From the WordPress left menu, go to Jupiter > Header Builder.

adding a callout button

Click on the related elements icon to open the list of elements.

From the Elements pane, drag a Button into the header.

adding a callout button

Style the button and provide your text and URL for it in the Properties pane.

adding a callout button

Note: If you want the button placed side by side of a Navigation Menu, simply drop it below a Navigation shortcode and make sure both Navigation and Button shortcodes have “inline” property checked.

adding a callout button

Style the button from the Style pane in the right.
Hit Preview to see the changes.

Previously, when you wanted to create a callout menu, you needed to create it using a custom menu class in your main navigation. But in the header builder, you can create and place the button wherever you like. To see the old method in adding a callout button to your header, please follow this article.

Note: Using the header builder, you can have the callout button in different devices and also sticky header. For more information, please read this article.
Was this helpful?

Related Topics

Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket