> For the complete documentation index, see [llms.txt](https://moodboard-creations.gitbook.io/agnes/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://moodboard-creations.gitbook.io/agnes/global-sections/utility-bar.md).

# Utility bar

#### What It Does

The Utility bar section lets you add custom links, social media, localization, or customer account options to the top section of your website. \ <br>

<figure><img src="/files/slJvV72W7Oh0rMfVXkMe" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
On mobile devices, this section is hidden, and any added blocks appear in the menu drawer instead.
{% endhint %}

{% hint style="success" %}

#### **How to Edit It**

1. In the Shopify theme editor, find the **Utility bar** section in the sidebar.
2. Click on it to expand its settings.
3. Adjust the settings described below to customize its appearance and behavior.
4. Click **Save** to apply your changes.
   {% endhint %}

***

### Settings

#### **Horizontal alignment**

Controls the horizontal alignment on desktop.

#### **Minimum height**

Controls the minimum height of this element on desktop.

#### **Text size**

Controls the Text size.

#### **Input / button color scheme**

Controls the Input / button color scheme. Choose from: Primary, Secondary.

#### **Color scheme**

Applies a predefined color scheme to this element.

{% hint style="info" %}
Color schemes are sets of coordinated colors you define under **Theme settings > Colors**. Choosing a scheme applies its background, text, and accent colors.
{% endhint %}

***

### Supported Blocks

#### Localization

See the child document for full settings: [Localization](/agnes/global-sections/utility-bar/localization.md)

#### Customer account

See the child document for full settings: [Customer account](/agnes/global-sections/utility-bar/account.md)

#### Link

See the child document for full settings: [Link](/agnes/global-sections/utility-bar/link.md)

#### Social media

See the child document for full settings: [Social media](/agnes/global-sections/utility-bar/social.md)

***