# Contacts

{% hint style="success" %}
**Tip:** To add a block, press **"Add block"** and choose **"Contacts"** from the proposed list of blocks. This block can be added once.
{% endhint %}

Activate the **"Enable minimum width"** option to view the related setting.

Use the  **"Min width"** scale to adjust the width of the Contacts pop-up on mouse hove&#x72;**,** which ranges from 0 to 300 pixels.

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

### Line #1 - Line #4

Use the line settings to display up to four information lines in the pop-up when hovering over the first line in the Header.

The **"Icon SVG"** field is designed to link SVG icons that come with the theme or your custom SVG icons:

* To display the built-in theme graphics, add an icon name to the field. Learn how to operate the theme SVG icons [here](https://mpithemes.gitbook.io/unicorn-shopify-theme/icons).
* Use the provided field to paste the HTML code of your custom SVG icon. Refer to the following [<mark style="color:blue;">help page</mark>](https://mpithemes.gitbook.io/unicorn-shopify-theme/svg-icons#the-new-approach) for step-by-step instructions on the required modifications.
* Leave the field blank to hide an icon.

In the **"Title"** field, input the primary information for the line, such as a phone number or location. This information will appear next to the icon.

To display further details beneath the title, use the **"Text"** field.

{% hint style="warning" %}
**Note!** Content from the block will appear at the bottom of the menu pop-up on mobile view.
{% endhint %}

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


---

# 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://mpithemes.gitbook.io/unicorn-shopify-theme/section-groups/header/contacts.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.
