Header
The Header tab includes all the header related settings and contains Top Bar, Main, Information, and Socials sections
Some layout comes with the Pearl Header Builder plugin. For the layouts, that use the Pearl Header Builder plugin, header settings configured under the Theme Options > Header section will not be applied. Please read more here about which demos use the Pearl Header Builder plugin.
In Top Bar Section you can adjust every element displayed on the top bar panel.
You can enable/disable the top bar on your website just by turning on/off the Enable Top Bar option.
If you are going to create a multilingual website, enable the Language Switcher option so the users can easily be switch between languages.
Note: The Language Switcher option will work only if the WPML Multilingual Plugin is installed.
The WPML plugin is not included in the theme package due to licensing restrictions.
When enabling the Language Switcher you have access to additional settings:
Switcher Style allows to selecting the language switcher style between Theme and WPML styles:
The WPML language switcher style depends on the WPML settings. Here you can read more information about WPML Language switcher options
Use Show Language Switcher on the mobile option to show the switcher on the mobile devices.
Activate the Disable WooCoommerce Cart option to remove the cart from the top bar area.
The WooCommerce cart displays only in the Header Style 6 on all available layouts.
To change the header style go to Header > Main > Header Style.
Here you can provide the information for the office address, working hours and phone number. For each label, you can pick an icon, specify its size and color.
Add Office button on the bottom of the section allows creating additional Office information.
Delete the Office by clicking the Delete option located near the Office title.
The main tab contains all the options related to the header and menu.
Please note some of the options can be applied only to the particular layouts in the specific Header Style. You can find these styles specified under the relevant options manuals.
First, you can select the header style. Choose the needed option from the dropdown menu. There are 8 header styles available. Let's have a look at them:
Style 1:
Style 2:
Style 3:
Style 4:
Style 5:
Style 6:
Style 7:
Style 8:
Turn on the Mega Menu option to display the sub-menu as a mega menu. On the Header Mega Menu section of the theme documentation, you can read the detailed guide about how to create a Mega Menu.
If the Mega Menu is disabled, the sub-menu will be displayed as a list:
Enable/disable the sticky menu by turning on/off the Sticky Menu option.
The sticky menu option will be applied on desktop devices only.
Display the WooCoomerce Cart on the header by enabling the WooCommerce Cart option.
The cart requires the WooCommerce plugin to be installed and set up.
The WooCoomerce Cart will be displayed only with the specific header style in a particular layout:
all layouts with the Header Style 2
for the Layout Sao Paulo and Layout Barcelona in the Header Style 4
Mobile Header Breakpoint option allows you to define from which resolution start the mobile menu displaying.
Enter the copyright if you want to display it.
The Copyright section will be displayed only on the Header Style 7 and Header Style 8
The Information setting can be applied for the specific header style. To change the header style go to Header > Main > Header Style
The Header Style 2 and Header Style 7 do not display the Information section
The header information also will be displayed on mobile devices like this:
Under the information tab, you can add the address, working hours, and phone number, for which you can pick the relevant icon, choose the color for it and specify the icon's size.
The social networks buttons will be displayed only if the links to these social networks are provided in the Socials tab (Theme Options > Socials)
Here you can enable/disable the socials displaying for mobile devices using the Show on mobile option.
The social networks' buttons will be displayed only if the links to these social networks are provided in the Socials tab (Theme options > Socials)
In the Social Links section, you can select what social networks to display. To do so just check the needed options.
