# 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)

***


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://moodboard-creations.gitbook.io/agnes/global-sections/utility-bar.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.