Top Bar
Last updated
Last updated
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.
Additional Customization - This option shows additional settings for top bar. When the option is disabled after making changes, settings will still be applied:
Full Width - The top bar spans from right to left and takes the full 100% of the screen's width:
Background Color - The background color of the Top Bar.
Box Shadow Position - The position of the line that will be displayed below the Top Bar.
Shadow Color - The background color of the line that will be displayed below the Top Bar.
Display the WooCommerce Cart on the Top Bar by enabling the WooCommerce Cart option. The cart requires the WooCommerce plugin to be installed and set up.
Show on mobile - Option to show the button on the mobile devices.
Additional Customization - This option shows additional settings for WooCommerce Cart Icon. When it is enabled typography and font colors can be customized:
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.
If you are going to create a multilingual website, enable the Language Switcher option so that users can easily switch between languages.
Show on mobile option can be enabled to show the WPML switcher on the mobile devices.
Switcher Style - It is possible to use the default settings of the WPML custom Language switcher or use Theme styles. When WPML is selected Additional setting below will not be available.
The WPML language switcher style depends on the WPML settings. Here you can read more information about WPML Language switcher options.
Additional Customization - This option shows additional settings for WPML Language switcher. When it is enabled typography and font colors can be customized. When the option is disabled after making changes, settings will still be applied:
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.
Additional Customization - This option shows additional settings for Search such as font color and typography settings:
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.
Additional Customization - This option shows additional settings for Social Icons. When the option is disabled after making changes, settings will still be applied:
Enable Addresses option adds address, phone number and working hours to Top Bar.
Enable on mobile option can be enabled to show the Search icon on the mobile devices:
Additional Customization - This option shows additional settings for Addresses such as font color and typography settings:
Here you can pick the relevant icons, specify colors and sizes.
The Contact information should be added for each office separately.
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.
The editor for Address, Working Hours and Phone number fields support HTML tags which are useful for structuring and creating content. Example for phone number filed to make it clickable: +123987654321
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.
