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

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


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:

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

adding a callout button

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

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

adding a callout button

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

adding a callout button

adding a callout button

5Style the button from the Style pane in the right.
6Hit 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.