How to move announcement bar below header Sense theme

Shopify Discussion

Topic summary

A user wants to add a second announcement bar below the header in Shopify’s Sense theme. They attempted to adapt a Dawn theme solution but encountered issues—the bar appeared with placeholder text (“your announcement message goes here”) but wasn’t functioning properly.

Proposed Solution:

  • Another user provided step-by-step instructions involving editing the announcement-bar.liquid file
  • Included code replacement and referenced images showing the expected outcome
  • Suggested the announcement bar should appear as a customizable section

Current Status:

  • The original poster attempted the solution but encountered an “invalid JSON in schema tag” error
  • The issue remains unresolved and requires further troubleshooting
  • The technical problem appears to be related to code syntax or schema formatting
Summarized with AI on November 20. AI used: claude-sonnet-4-5-20250929.
1

Hi there,

I am currently using the sense theme and would love to have two announcement bar ,problem is I would like to add the second one below the header.I was checking the forum and saw one solution for the dawn theme that i tried using it worked partially, it seems to add another annoucementment bar along with the original that now moves across the screen below the header it says “your announcement message goes here” however the announcement bar is not there.

here is the code that i added to my header. liquid file.tried adding it before the and after but still had the same outcome

your annoucement message goes here

.announcement-bar { overflow: hidden; white-space: nowrap; width: 100%; animation: announcement-bar 20s linear infinite; } .announcement-bar p { display: inline-block; padding: 20px; background: #f2f2f2; color: #333; font-size: 18px; font-weight: bold; } @keyframes announcement-bar { 0% { transform: translateX(0); } 100% { transform: translateX(-100%); } }
2

Hi @sam163

You can do this by following the instructions below.

  1. Go to Online store > Themes > Click the three dots on the theme you want to edit > Edit code
  2. Open the announcement-bar.liquid file
  3. Replace the code shown below with the code provided.
  "presets": [
    {
    "name": "Announcement bar"
    }
  ]

community.PNG
community.PNG1358×616 35.8 KB

When you go to Customize, add a section. You should see the Announcement bar as shown in the image below.

image.PNG
image.PNG1364×618 148 KB

3

Hello,

i tried adding the code but i am getting an error .invalid JSON in tag schema