Header Builder – Responsive States

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 use responsive states and configure your header on different devices.

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.

Configuring the Header for Different Devices

To access the header builder:

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

responsive states

Header builder provides three different responsive states related to the screen width. Use the header responsive states to create and improve the header appearance on different devices such as desktop, tablet, and mobile.

responsive states

By clicking on one of the devices, you will be able to create a header that will be displayed only on that specific device.

responsive states

Note: Changing the header in desktop state will also apply the changes to its child (tablet and mobile) states. Changing the header in tablet state will apply the changes to its child (mobile) but not parent (desktop) state.

If you have any questions regarding responsive states in header builder, please contact our support creating a ticket in your Artbees Dashboard.

Was this helpful?

Related Topics

Previous Article:
Next Article:

Can't find what you're looking for?

Open New Ticket