Header Builder provides a feature to create a header for specific devices – desktop, tablet and mobile. In this article, we’ll explain how to use header builder to make a tablet & mobile header.
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.
Activating the Header Builder
By default, the Header Builder is disabled. To learn how to activate it, check out this article.
Making Tablet & Mobile Header
To create a header specific to these devices:
1From the WordPress left menu, go to Jupiter > Header Builder.
2From the top, click on the tablet icon.
3Add elements to create a tablet specific header.
Note: Changing the header in tablet state will apply the changes to its child (mobile) but not parent (desktop) state. After configuring the tablet header, click on the mobile icon to see this in action.
4From the top, click on the mobile icon.
You will notice that the tablet elements are also applied in the mobile header. You may change these elements to configure the header for mobile, without affecting the tablet header.
5Click on Save and check your website on tablet and mobile device to see the two different headers.
If you have any questions regarding Header Builder, please contact our support team creating a ticket via your Artbees Dashboard.
