Unknown Announcement bar appeared on my Shopify store

Topic summary

A white announcement bar mysteriously appeared on a Shopify store and couldn’t be removed through the standard theme editor settings, even after disabling the announcement bar feature.

Solution Provided:

  • Add custom CSS code to the theme.liquid file, placed above the </body> tag
  • The code uses display: none !important; to hide the announcement bar element
  • Multiple users confirmed this CSS-based approach successfully resolved the issue

Key Steps:

  1. Navigate to Online Store → Edit Code
  2. Locate the theme.liquid file
  3. Insert the hiding code at the bottom, just before the closing body tag

Outcome: The original poster confirmed the solution worked after initially placing the code in the wrong location. The issue appears resolved through this CSS workaround, though the root cause of the unwanted announcement bar remains unclear.

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

Thank you for your reply. I’m glad to hear that the solution worked well for you. If you require any more help, please don’t hesitate to reach out. If you find this information useful, a Like would be greatly appreciated.

1 Like