Consulting Theme Documentation
Theme PageChangelogCreate a Ticket
  • Consulting - Business, Finance WordPress Theme
  • General
    • System Requirements
    • What's Included In My Purchase
    • Where Is My Purchase Code?
    • Theme License
    • Hosting
    • How to Get Support
    • Feature Request
  • Installation & Activation
    • Consulting Installation
    • Common Installation Errors
    • Theme Activation
    • Multiple Websites on One License
    • License Key Deactivation
    • Activation FAQ
  • Getting Started
    • Import The Demo Content
    • Switch Between Different Demos
    • How To Update Consulting
    • System Status
  • Patches
    • Patch: Convert from WPB to Elementor
  • Theme Options
    • Customize (Old)
    • General
    • Header
    • Archive Pages
    • Title Box
    • Content Options
    • Post Types
    • Stocks
    • Popups Settings
    • Footer
    • Typography
    • Socials
    • Custom CSS
    • Import/Export
  • Blocks and Sidebars
    • Default Theme Header
      • Top Bar
      • Main Header
      • Navigation Menu
    • Custom Header Builders
      • Elementor Header Builder
      • Pearl Header Builder (Deprecated)
    • Sidebars
    • Footer
      • Default Theme Footer
      • Elementor Footer Builder
  • Content
    • Setting up Content Pages and Posts
      • Header Top Bar
      • Header Navigation
      • Title Box Options
      • Content Options
    • Services
    • Testimonials
    • Works
    • Vacancies
    • Staff page
    • Popups
    • Template Library
    • WooCommerce shop
    • Header Mega Menu
    • Adding Images to Revolution slider
    • How to import Demo Sliders
    • Adding Custom Icons
    • Menus
    • Localization
    • Demo Forms
    • Blog page
  • Extra Materials
    • Demos
    • Video Tutorials
    • Changelog
  • stylemixthemes
  • Themes
  • Plugins
Powered by GitBook
On this page
  • List of Settings
  • Enable Top Bar
  • WooCommerce Cart
  • Language Switcher
  • Enable Search
  • Enable Socials
  • Enable Addresses

Was this helpful?

  1. Blocks and Sidebars
  2. Default Theme Header

Top Bar

PreviousDefault Theme HeaderNextMain Header

Last updated 2 years ago

Was this helpful?

In Top Bar Section you can adjust every element displayed on the top bar panel.

List of Settings

Here you can see all top bar features. Turn features on to reveal more related settings.

Enable Top Bar

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.

WooCommerce Cart

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:

Language Switcher

Note: The Language Switcher option will work only if the WPML Multilingual Plugin is installed.

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.

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

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

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

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.

Display the WooCommerce Cart on the Top Bar by enabling the WooCommerce Cart option. The cart requires the to be installed and set up.

The plugin is not included in the theme package due to licensing restrictions.

The WPML language switcher style depends on the WPML settings. you can read more information about WPML Language switcher options.

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:

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.

WooCommerce plugin
WPML
Here
+123987654321