The Default Theme Headers can be set up directly from the Theme Options menu. It includes all the default header-related settings and contains Top Bar, Main, Information, and Socials sections.
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.
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:
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.
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.
In this section, you can choose one of the header styles.
There are 8 header styles available. Let's have a look at them:
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.
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.
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 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.
Here you can enable/disable the socials displaying for mobile devices using the Show on mobile option.
In the Social Links section, you can select what social networks to display. To do so just check the needed options.