Default Theme Header
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.
There is also a possibility to build a custom header, which is described in the Header Builder section of this manual.
When a custom header is built using Elementor Header & Footer Builder plugin and selected Display on the Entire website, instead of the default header custom header will be displayed.
In Top Bar Section you can adjust every element displayed on the top bar panel.
Here you can see all top bar features. Turn features on to reveal more related settings.
You can enable the top bar on your website just by turning on the Enable Top Bar option.
Background color selection for top bar is available.
If you are going to create a multilingual website, enable the Language Switcher option so that users can easily switch between languages.
Note: The Language Switcher option will work only if the WPML Multilingual Plugin is installed.
Switcher Style allows to selecting the language switcher style between Theme and WPML styles:
The theme Language Switcher style
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 mobile option to show the switcher on the mobile devices.
Enable WooCommerce Cart option to add the cart to the top bar area.
Use Show Cart on mobile option to show the button on the mobile devices.
Enable Search option to add the search button to the top bar area.
Use Show Search on mobile option to show the button on the mobile devices.
Enable Socials option to add social networks buttons to the top bar area.
Use Show Socials on mobile option to show the buttons on the mobile devices.
Enable Addresses option to add contact information and addresses to the top bar area.
Here you can provide the address information, email, 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 12 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:
Style 9:
Style 10:
Style 11:
Style 12:
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.
Use Show on mobile option to show the button on the mobile devices.
You can enable the Language Switcher option if you are going to create a multilingual website.
Note: The Language Switcher option will work only if the WPML Multilingual Plugin is installed.
Use Show on mobile option to show the WPML switcher on the mobile devices.
Enable Socials option to add social networks buttons to the main menu.
Use Show on mobile option to show the buttons on the mobile devices.
Enable Search option to add the search button to the main menu.
Use Show on mobile option to show the button on the mobile devices.
Mobile Header Breakpoint option allows you to define from which resolution start the mobile menu displaying.
Landscape
Portrait
Enable Contact Information option to add address, phone number and working hours to the main menu.
Here you can pick the relevant icons, specify colors and sizes.
desktop view
The header information also can be displayed on mobile devices like this:
mobile view
Enter the Copyright if you want to display it.
The Copyright section will be displayed only on the Header Style 10, 11, 12.
In the Social Links section, you can select what social networks to display. To do so just check the needed options.
The social networks buttons will be displayed only if the links to these social networks are provided in the Socials tab (Theme Options > Socials)
Last modified 1mo ago