Unknown Announcement bar appeared on my Shopify store

Store Design
, ,

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.
2

Hey @selleranna

Follow these Steps:

  1. Go to Online Store

  2. Edit Code

  3. Find theme.liquid file

  4. Add the following code in the bottom of the file above tag

RESULT:

Moeed_0-1720087961638.png
Moeed_0-1720087961638.png1895×775 138 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

1 Like