How do I move a custom section above header? (Not announcement bar)

Technical Q&A

Topic summary

A user working with Shopify’s Dawn theme wants to create a custom marquee text section and position it above the header (not the announcement bar).

Solution provided:

  • Navigate to Online Store → Theme → Edit code
  • Open the theme.liquid file
  • Insert code after the <body> tag to render the custom section above the header

Technical details:

  • The user shared their custom section’s Liquid code (displayed in reverse/encoded format)
  • The section includes schema settings for a marquee text element
  • Images were referenced showing the theme editor interface

Status: The original poster acknowledged the solution with thanks, suggesting the issue was resolved.

Summarized with AI on November 24. AI used: claude-sonnet-4-5-20250929.
1

Hi is it possible to create a custom section and move it above header? It’s a marquee text bar.

I am using Dawn theme.

Here is the liquid file (I am on mobile so I can only add it in quotes)

Please do not ask for my store link as I want to be 100% anonymous.

{{ section.settings.marquee }}

{% schema %}> {> “name”: “Marquee”,> “settings”: [> {> “type”: “text”,> “id”: “marquee”,> “label”: “Marquee text”> }> ] ,> “presets”: [> {> “name”: “Marquee”,> “category”:“Custom”> }> ]> }> {% endschema %}

2

Hello @IamAnonymous

You can follow these steps:

  1. Go to Online Store->Theme->Edit code

GemPages_0-1670986214098.png
GemPages_0-1670986214098.png400×193 29.2 KB

  1. Open your theme.liquid file, paste the below code after

GemPages_2-1670986326993.png
GemPages_2-1670986326993.png1601×880 62.5 KB

I hope the above is useful to you.

Kind & Best regards,
GemPages Support Team

3

Thank you