Articles on: Customizer [Header]

Header Top Bar Overview (Pro)

Location: Appearance > Customize > Header > Header Top Bar

To view the options available in the free version, go through this article: Header Top Bar Overview

The Zakra Pro Add-On provides you with the following additional options regarding the Header Top Bar.

Style: The Style option changes the position of the Left Content and the Right Content on the Header Top Bar. Choose the Style you prefer from the following options available:

First option: Left Content on the Left and Right Content on the Right.
Second option: Both at the Center.
Third option: Left Content on the Right and Right Content on the left.

The Second option is shown in the image below:



Visibility: Set the visibility of Header Top Bar. You can choose from the following options:

Show on all devices: Display the Header Top Bar on all devices.
Hide in Mobile: Only hide the Header Top Bar on Mobile devices.
Hide in Tablet: Only hide the Header Top Bar on Tablet devices.
Hide in Tablet and mobile: Hide the Header Top Bar on both, Tablet and Mobile devices.

Full Width: Toggle it on to make the Header Top Bar full-width.

It is shown in the image below:

When full width is disabled.

When full width is enabled.

Link Color: Change the color of the links used in the Header Top Bar.

Link Hover Color: Change the color of the links used in the Header Top Bar on hover.

Padding: Set the padding for the Header Top Bar.

Border : Border Bottom changes the size of the border underneath the Header Top Bar and Border Bottom Color changes its color.

Updated on: 24/08/2022

Was this article helpful?

Share your feedback

Cancel

Thank you!