> For the complete documentation index, see [llms.txt](https://qodex.gitbook.io/shopify-docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://qodex.gitbook.io/shopify-docs/theme-sections/parallax-banner.md).

# Parallax Banner

{% hint style="success" %}
In the theme editor **(Customize) => Section**, Add **Parallax banner**
{% endhint %}

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FBHSSFg45zp0b0Iv2ya8x%2F223.jpg?alt=media&amp;token=c55692f1-1fab-42a1-990e-96192aa39298" alt=""><figcaption></figcaption></figure>

### General Settings

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2Fn3FAuxXCESylFUvmyqsG%2F224.jpg?alt=media&amp;token=20ef3210-314b-4184-bfcc-d74f8ca5b8ff" alt=""><figcaption></figcaption></figure>

* Select Animation
* Width of container
* Background Section
* Disable Parrallax
* Background image
* Text align
* Padding desktop
* Padding mobile
* Text Color
* Background Overlay
* Opacity Overlay
* Section Padding (Desktop on Mobile)

### Block Settings

{% hint style="success" %}
In **Parallax banner** Section **>** Add **Sub Title, Heading, Spacer Description, Image, Button**
{% endhint %}

<figure><img src="https://3542926515-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FHqcWl0IcgFRM9gKakOEP%2Fuploads%2FcFRGudET86Na909rvMpU%2F225.jpg?alt=media&amp;token=602c074f-0e08-4596-8acc-a5dc0a313130" alt=""><figcaption></figcaption></figure>