Header Builder – Creating Secondary Navigation

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 secondary navigation 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 Secondary Navigation

Since the Header Builder lets you create flawless layouts for your website using drag & drop, all you have to do to add a secondary navigation is drag it to the header and style it as you like:

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

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

From the Elements pane, drag Navigation into the header.

Secondary Navigation

From the Properties pane set the Nav Style to Burger Style.

Secondary Navigation

From the Properties pane choose the menu you wish to have as a secondary menu.

Secondary Navigation

Align your secondary navigation to right (or left). If you want to use it in the same place as the primary navigation (which is another navigation shortcode) make sure to check the “inline” property of both shortcodes. 
Style the Navigation from the Style pane in the right.
Hit Preview to see the changes.

Note: Using the Header Builder you can have the secondary navigation in different devices and also sticky header. For more information, check out this article.
Was this helpful?

Related Topics

Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket