> 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/footer/footer/columns.md).

# Columns

## Column

{% hint style="success" %}
**Tip:** To add a block, press **"Add block"** and select **"Column"**.\
This block can be added multiple times to display several content columns.
{% endhint %}

**Column size**\
Controls the column width.

* **1** – Full width.
* **5/6** – Five-sixths of the available width.
* **3/4** – Three-quarters of the available width.
* **2/3** – Two-thirds of the available width.
* **1/2** – Half of the available width.
* **1/3** – One-third of the available width.
* **1/4** – One-quarter of the available width.
* **1/6** – One-sixth of the available width.
* **Hidden** – Hides the column from the menu layout.

**Menu size**\
Controls the width allocated to the menu content within the column.

* **1** – Full column width.
* **1/2** – Half of the column width.
* **1/3** – One-third of the column width.
* **1/4** – One-quarter of the column width.
* **1/6** – One-sixth of the column width.

{% hint style="success" %}
Available additional blocks: "[<mark style="color:blue;">Custom content</mark>](#custom-content)", "[<mark style="color:blue;">Menu</mark>](#menu)", "[<mark style="color:blue;">Newsletter signup</mark>](#newsletter-signup)", and "[<mark style="color:blue;">Social media icons</mark>](#social-media-icons)".\
**Tip:** Press **"Add block"** and choose the one in **Blocks**.\
Drag and drop a block to the desired position in the Footer.
{% endhint %}

***

### Custom content

Add content using the following blocks:

#### Heading

**Heading**\
Title a column using the field.

#### Image&#x20;

**Image**\
Press **"Select"** to upload the necessary animation for both desktop and mobile.

**Image ratio**\
Choose the appropriate image aspect ratio. You can use one of the options that display well on both desktop and mobile views: "Adapt to image", "Portrait", "Square", "Landscape", or "Circle". You can check the image ratios [here](https://mpithemes.gitbook.io/unicorn-shopify-theme/dynamic-theme-sections#content).

#### Text

**Text**\
Use this block to describe the contents of the column.\
Style your text using the formatting options at the top of the input field.

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

***

### Menu

{% hint style="warning" %}
**Note!** Only the first-level menu item will be displayed in the Footer. The drop-down menu is not available for this block.&#x20;
{% endhint %}

This block provides settings for displaying clickable links, making browsing the store even more convenient.

**Menu**\
Once you select a menu in the source selector, the menu links will be shown below the headline.\
For detailed information on adding menus, read the initial [documentation](https://help.shopify.com/en/manual/online-store/menus-and-links).

#### Heading

**Heading**\
Optionally title a menu using the field.

<figure><img src="/files/2lmxTxnEhyb2zbzIXelo" alt=""><figcaption></figcaption></figure>

***

### Newsletter signup

Add content using the following blocks:

#### Heading

**Heading**\
Paste the headline for the Subscription.&#x20;

#### Newsletter signup form

{% hint style="info" %}
Subscribers will be automatically added to the customer list in the Shopify admin. The complete information can be found in the following [<mark style="color:blue;">article</mark>](https://help.shopify.com/en/manual/customers/manage-customers).
{% endhint %}

Add the block to display the email subscription field.

#### Text

**Text**\
Use this block to describe the contents of the column.\
Style your text using the formatting options at the top of the input field.

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

{% hint style="success" %}
**Tip:** The input text can be edited in your *Shopify admin -> Edit default theme content-> Theme Content*.
{% endhint %}

* Press the dotted \[...] button in the top right corner of the settings panel to navigate to Theme content:

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

* Then, choose the tab **"Newsletter"** and edit the text lines:

<figure><img src="/files/4ZKUAqGf2rkIGJz7Qmy9" alt=""><figcaption></figcaption></figure>

***

### Social media icons

#### Follow on Shop

Add this block to allow customers to subscribe to your store through the Shop app. Check the initial [documentation](https://help.shopify.com/en/manual/online-store/themes/customizing-themes/follow-on-shop) for more details.

#### Heading

**Heading**\
Add a title for social accounts.

#### 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 %}

Add the block to display social buttons.

#### Text

**Text**\
Use this block to describe the contents of the column.\
Style your text using the formatting options at the top of the input field.

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