# Contact Information

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FZvAljiqGuzwNkNbwcmwt%2F31-a.jpg?alt=media&#x26;token=661a3c3c-7b80-4d7a-b9f3-f5a464eab0fd" alt=""><figcaption></figcaption></figure>

**Location:** `Header → Header Design → Classic Menu -> Contact Information`

***

## **Contact Information — Options Overview**

| **Category**                | **Option / Setting**              | **Available Values / Description**                                                                             |
| --------------------------- | --------------------------------- | -------------------------------------------------------------------------------------------------------------- |
| **General Settings**        | **Open on**                       | Hover, Click — Determines how the contact panel opens.                                                         |
|                             | **Main heading**                  | The main title displayed in the contact information block.                                                     |
|                             | **SVG icon**                      | Add a custom SVG icon (must include `width` and `height` attributes).                                          |
|                             | **Phone**                         | Primarily designed for a phone number, but can contain any text.                                               |
|                             | **Text**                          | Supporting text or description below the phone number.                                                         |
|                             | **Make the “Phone” field a link** | Converts the phone number into a clickable `tel:` link.                                                        |
|                             | **Hide main heading on mobile**   | Option to hide the main heading on smaller screens.                                                            |
| **Phone Area (1–2 blocks)** | **Heading**                       | Title for each phone area block.                                                                               |
|                             | **Show icon**                     | Hide, Image, Preset icon — Controls visibility and type of icon displayed.                                     |
|                             | **Phone 1–4**                     | Up to four phone numbers or short text entries.                                                                |
|                             | **Info**                          | Additional notes or contact information.                                                                       |
|                             | **Support chat link**             | Add a clickable support or live chat link.                                                                     |
|                             | **Preset icon name**              | Choose a preset icon to display beside text or heading.                                                        |
|                             | **Text**                          | Description text for the contact entry.                                                                        |
|                             | **Link**                          | Optional link for the contact entry.                                                                           |
| **Socials and Contacts**    | **Show social media icons**       | <p>Displays linked social media icons.<br><em>To show icons, connect your accounts in theme settings.</em></p> |
|                             | **Heading 1 / Text 1**            | First row of social or contact information.                                                                    |
|                             | **Heading 2 / Text 2**            | Second row of social or contact information.                                                                   |
| **Design & Styling**        | **Main heading**                  | Controls color and typography for the main title.                                                              |
|                             | **Icon**                          | Sets the color or SVG used for the main icon.                                                                  |
|                             | **Text**                          | Defines the base text color for the contact section.                                                           |
|                             | **Slogan**                        | Adds optional slogan text below main contact info.                                                             |
|                             | **Submenu**                       | Enables submenu layout or nested content.                                                                      |
|                             | **Lines**                         | Configures divider or border line color.                                                                       |
|                             | **Background**                    | Sets the background color or image.                                                                            |
|                             | **Shadow**                        | Adds or customizes shadow under the contact area.                                                              |
| **Submenu Content**         | **Heading**                       | Heading text within submenu.                                                                                   |
|                             | **Icon**                          | Icon displayed next to submenu content.                                                                        |
|                             | **Phone**                         | Submenu phone number or label.                                                                                 |
|                             | **Text**                          | Text or description within submenu.                                                                            |
| **Social Styling**          | **Social main / Social hover**    | Sets default and hover colors for social media icons.                                                          |
|                             | **Submenu support chat link**     | Adds and styles support chat link within submenu.                                                              |
|                             | **Icon / Icon hover**             | Default and hover colors for icons.                                                                            |
|                             | **Heading / Heading hover**       | Default and hover colors for headings.                                                                         |
|                             | **Text**                          | Color for text in the submenu or contact area.                                                                 |

The following image shows the possible look of the section:

<figure><img src="https://1734026102-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKXAimBJFhRJImV3lJL36%2Fuploads%2FzhoqRVCTE7HC6I27zPio%2Fheader_13.jpg?alt=media&#x26;token=6acf2b49-02e6-41f0-8176-55d5cf5251f9" alt=""><figcaption></figcaption></figure>
