> For the complete documentation index, see [llms.txt](https://mpithemes.gitbook.io/unicorn-shopify-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/top-bars/utility-bar.md).

# Utility Bar

Use section settings to display the top bar with additional content.

{% hint style="info" %}
This functionality enables adding an extra line with content to the Header on the desktop, such as a country/region selector, language selector, and social media icons.\ <mark style="color:orange;">**Note!**</mark> By default, the bar is displayed on all store webpages on the desktop and is hidden on mobile.
{% endhint %}

**Use full width**\
Displays a bar in the full screen width.

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

#### Country/region selector

{% hint style="warning" %}
**Note!** This option requires additional settings, which can be applied in *Shopify admin -> Settings -> Payments*. Learn more in the initial [<mark style="color:blue;">documentation</mark>](https://help.shopify.com/en/manual/payments).
{% endhint %}

**Show country/region selector**\
Activate the option to show the currency switcher in the left corner.&#x20;

#### Language selector

{% hint style="warning" %}
**Note!** The language selector works with the languages applied in your *Shopify admin -> Settings -> Languages*. Review this [<mark style="color:blue;">help page</mark>](https://help.shopify.com/en/manual/markets/languages/manage-languages) for the details.
{% endhint %}

**Show language selector**\
Enables the language selector on the left next to the country/region selector.&#x20;

#### Social media icons

{% hint style="warning" %}
**Note!** To connect icons to social accounts, paste links in *Theme settings -> Social media*. Review this [<mark style="color:blue;">help page</mark>](/unicorn-shopify-theme/theme-settings/social-media.md) for details.
{% endhint %}

**Show social media icons**\
Enable the option to display social buttons on the right.

**Show Follow on Shop**\
To allow customers to follow your store using the Shop app, activate the checkbox. Check the initial [documentation](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/follow-on-shop) for more details.

#### Colors

Apply colors in the **"Background"** and **"Text"** pickers to match the overall store style.

<figure><img src="https://2943342198-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FysL5Hr1ZCl3x5RHWgJ3m%2Fuploads%2FZjCoO9mRST1lBRMMDpjJ%2Futility%20bar_desktop.png?alt=media&amp;token=c3972dbf-e19c-45a3-8374-d54a5950d60b" alt=""><figcaption></figcaption></figure>
