> 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/sections/split-hero.md).

# Split hero

### What It Does

The Split hero section lets you showcase hero content in a split-column layout, such as media on one side and text on the other.<br>

<figure><img src="https://2645423936-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLLxG2SIHjPDwi3MOrF9a%2Fuploads%2FLtHxrTWcHlQ6aYhcbpqD%2FSplit%20hero%202.png?alt=media&amp;token=42607996-7973-4a9f-8800-af43b9b74f31" alt=""><figcaption></figcaption></figure>

<figure><img src="https://2645423936-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FLLxG2SIHjPDwi3MOrF9a%2Fuploads%2Ff8mwJKdNhWoGfpY93OBC%2FSplit%20hero%201.png?alt=media&amp;token=0fe119a8-627b-4980-baa8-2f54aeda8994" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
How to Add It

1. In the Shopify theme editor, click **Add section**.
2. Search for **"Split hero"**.
3. Click the section to add it to your page.
4. Adjust the settings described below.
   {% endhint %}

***

### Settings

#### **Layout**

Controls the Layout. Choose from: Full width, Fit to width.

**Spacing**

#### **Maximum padding top**

Adjusts the space above the content.

#### **Maximum padding bottom**

Adjusts the space below the content.

***

### Supported Blocks

#### Media block

See the child document for full settings: [Media block](/agnes/sections/split-hero/_split-hero-media.md)

#### Content block

See the child document for full settings: [Content block](/agnes/sections/split-hero/_split-hero-content.md)