Header – Top Bar

  • Enable Topbar – option to enable/disable showing the top bar.
  • Sticky Topbar – option to enable/disable the sticky top bar.
  • Enable Topbar on Mobile – option to enable/disable showing the topbar on mobile devices.
  • Topbar Left Content – select the content for the topbar left section.
  • Topbar Right Content – select the content for the topbar right section.
  • Topbar Content Design – select the topbar content design.
  • Topbar Font Settings– control the typography settings of the topbar texts.
  • Topbar Background Color – select the top bar background color.
  • Topbar Border Color – select the topbar border color.
  • Topbar Text Color – select the topbar text color.
  • Topbar Text Hover Color – select the topbar text color on mouseover.

Topbar content areas

Using the Topbar Left Content and Topbar Right Content you have the option to display Contact Info, Social Links, and Navigation.

Contact Info and Social Links can be easily configured in the Theme Options > Business Info area.

To set up the Topbar Navigation please see the Topbar Menu article. You simply need to create a new menu (if not already imported with the Demo Content) and assign it to the Topbar Menu area.

Was this article helpful?

Related Articles