Announcement bar is different colours on mobile and desktop - How to fix?

Shopify Discussion

Topic summary

A Shopify store owner reports their announcement bar displays the correct orange color on desktop but appears red on mobile devices. Screenshots confirm the color discrepancy between platforms.

Current Status:

  • One responder checked the site and observed orange on both desktop and mobile views
  • Suggested troubleshooting steps: clearing cache, using incognito mode, or testing on different devices
  • Issue remains unresolved as the original poster hasn’t confirmed whether these steps worked

Additional Development:

  • A second user reports experiencing similar color inconsistencies across different browsers on their own store
  • This user also asks an unrelated question about implementing a header video using “sections” in Shopify

The discussion is ongoing with no definitive solution yet identified for the color display issue.

Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

My announcement bar is the right colour on desktop (orange), but it doesn’t change on mobile - it’s stuck on red. What is going on and how do I correct it to the right colour? Thanks! (www.smashgrrrl.com)

Desktop with correct colour:

Desktop showing correct colour
Desktop showing correct colour1894×175 84.3 KB

Mobile showing incorrect colour.

Mobile showing incorrect colour
Mobile showing incorrect colour1069×233 11.9 KB

2

Hi @SmashGrrrl

I checked your website on both desktop and mobile views, and I can see that both are displaying an orange announcement bar.

Please try checking in an incognito window, clearing your cache, or viewing the site on a different device, such as one from a friend or family member. :slightly_smiling_face:

3

Hi @Rukhsana I am facing the same issue and Ive tried from different browsers and keep seeing different colours. Could you please help? (https://www.carlottalondon.com)

And could you also please advise how to implement a video that covers the header similar to what @SmashGrrrl has done? I read that you need to use “sections” but I cannot find this in my shopify. Thank you!