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

# Custom Banner With Center Mode

![Custom Banner With Center Mode](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FiovRnBCjq16yVOnNYnMA%2Fcustom-banner-center-mode.png?alt=media\&token=a1f31b5f-eeeb-479e-997e-0e5dcab01338)

<figure><img src="https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2FEeBI6F0RumMtYPfYNac0%2Fimage.png?alt=media&amp;token=c41f260d-32f0-4256-8770-3af024366cc7" alt=""><figcaption><p>Custom Banner With Center Mode 2</p></figcaption></figure>

To add this section, please follow below steps:

1. From your Shopify admin, go to **Online Store** **->** **Themes**.
2. Find the theme that you want to edit, and then click **Customize**.
3. Click **Add section** and choose "**Custom Banner With Center Mode**" or "**Custom Banner With Center Mode 2**".

![](https://584379246-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F8AcakjwUSIs90OK0GJi2%2Fuploads%2Fz00vTdk1UbOH69DUpnRM%2Fcustom-banner-with-center-mode.gif?alt=media\&token=514e6c96-43fb-4bd3-9a9f-a5dd3ab9e281)