Announcement Bar not showing on mobile – only visible on desktop (possibly due to past theme edits)

Store Design
, , , , ,

Topic summary

A Shopify store owner is experiencing an issue where their announcement bar displays correctly on desktop but is completely hidden on mobile devices.

Background:

  • The problem likely stems from previous theme customizations made to intentionally hide the announcement bar
  • The user cannot recall the specific changes made and is unable to reverse them
  • Multiple attempts to fix through settings and theme file checks have been unsuccessful

Diagnosis:

  • The issue is identified as CSS-related, specifically custom code that hides elements on mobile screen sizes
  • This is described as a “classic issue” resulting from past theme edits

Current Status:

  • The discussion remains open with the user seeking guidance on how to locate and remove the problematic CSS code
Summarized with AI on October 28. AI used: claude-sonnet-4-5-20250929.
1

Hey everyone,
I’m having trouble with my Shopify store’s announcement bar. It’s showing on desktop, but not appearing on mobile devices.

Store URL: https://www.cbdcharly.com

A while back, I tried to hide the announcement bar intentionally and made some theme edits to do so. Unfortunately, I can’t remember exactly what I changed, and I’m now unable to reverse it. I’ve tried multiple settings and theme file checks but can’t get it working on mobile again.

Has anyone experienced this or knows how to fix it? I’d really appreciate any help!

Thanks in advance :folded_hands:

2

This is a classic issue caused by unintentionally hiding elements on specific screen sizes (in this case, mobile) through CSS. Since you made theme edits previously, the most likely culprit is custom CSS code that you added.