---
description: >-
  Utilize settings from the provided global section to display the top bar in
  the entire store.
---

# Top Bar

{% hint style="info" %}
This functionality enables adding an extra line with content to the Header on the desktop, such as "Country/region selector", "Language selector", and "Social media icons".

<mark style="color:orange;">**Note!**</mark> By default, the bar is hidden on mobile.
{% endhint %}

#### **Show bar**

Activate the option to add the extra line below the Announcement bar or at the top of the page if the Announcement bar is disabled.

Specify which information should be displayed in the bar by activating each option:

#### Country/region selector

The currency switcher will be displayed in the left corner with the ticked **"Enable country/region selector"**. This option requires additional settings, which can be applied in _Shopify admin -> Settings -> Payments_. Learn more in the initial [documentation](https://help.shopify.com/en/manual/payments).

#### Language selector

Here, you can enable the language selector to be displayed in the additional bar on the left next to the Country/region selector.&#x20;

<mark style="color:orange;">**Note!**</mark> The language switcher works with the languages applied in your _Shopify admin -> Settings -> Languages_. Review this[ help page](https://help.shopify.com/en/manual/markets/languages/manage-languages) for the details.

#### Social media icons

Enable **"Show social media icons"** to display social buttons.

To connect icons with the social accounts, paste links in _Theme settings -> Social media_. Review this [help page](https://mpithemes.gitbook.io/unicorn-shopify-theme/theme-settings/social-media) for the details.

To allow customers to follow your store using the Shop app, activate the **"Enable Follow on Shop"** checkbox. For more details about this feature, check the initial[ documentation](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/follow-on-shop).

#### **Colors**

Change the text and background colors of the bar according to the look and feel of your store using the **"Background"** and **"Text"** pickers.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FKRhgSYJp9x7FL4S6RK9X%2Ftop%20bar.png?alt=media&#x26;token=76f6ec49-3eb4-456d-a01d-821ee0f34fa7" alt=""><figcaption></figcaption></figure>
