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:


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.
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:


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
Thank you!