Location: Appearance → Customize → Header → Top Bar
The Header Top Bar is a horizontal bar displayed at the Top of the website. Generally, the top bar contains information such as Contact, Social links, CTA Buttons, etc. Spacious themes allow displaying the top header on your site. You can follow the steps below:
Activate Header Top Bar #
In order to enable the Top Bar, put a checkmark on Check to show the top header bar. This will display the header top bar on your end.
Header Info Text #
Upon activating the header top bar, you’ll find the space to add the Header Info text. Generally, in this area, you can add information like Phone Numbers, Email Addresses, etc.
Header Top Bar Display Type #
The spacious theme allows you to choose the options to display the top header type. It comes with the following two options:
Type 1 – It allows you to display the Social icon and text area to display on the left with the menu on the right.
Type 2 – It allows you to display the Social icon and text area to display on the right with the menu on the left.
Colors #
The options allow you to change the colors of the content available on the top header. It allows customizing the color for the three sections of the top header listed below:
Top Header Background – It changes the color of the background of the top header.
Top Header Info – It changes the color of the header info text.
Top Header Menu – It changes the color of the menu present at the top header.
Typography #
The options allow you to change the Font Size of the content available on the top header. It allows customizing the color for the three sections of the top header listed below:
Top Header Info – It changes the font size of the header info text.
Top Header Menu – It changes the font size of the menu present at the top header.