How can I decrease the size of my website's announcement bar?

Topic summary

Main issue: Reduce the height of the Shopify announcement bar (top site banner). The original poster notes that any changes made aren’t reflecting and shares a preview link.

Suggested fix: A responder advises editing the theme code:

  • Online Store > Edit Code
  • Open theme.liquid
  • Add custom code just before the closing tag

Important note: The actual code to add is not present in the text; it appears only in an attached image, making the instructions incomplete in the post content.

Follow-up: Another participant reports the fix did not work for them and asks for assistance, sharing their site URL.

Current status: No confirmed solution or clarification on the exact code snippet. The issue remains unresolved, with at least one user unable to implement the suggested change successfully.

Unanswered points:

  • The specific CSS/JS needed to reduce the announcement bar height (not visible in the text).
  • Why changes aren’t reflecting (theme-specific behavior or placement of code not verified).

Attachments: A screenshot appears central, likely containing the necessary code snippet.

Summarized with AI on January 6. AI used: gpt-5.

Hello ,

Is there a way to reduce the size of the announcement bar in my website , whatever change i make is not reflecting.

It is staying the same.

Site url :: https://itpp637zlcr0qbo1-71493648693.shopifypreview.com

Thank you !!

Hi @Anonymous

You can follow the following steps:

  1. Please go to the Online Store
  2. Then Edit Code
  3. Please find the theme.liquid file
  4. And add the following code in theme.liquid file above the tag

If this solution is worked, then please Like this and Mark this as accepted solution!

Laddi

1 Like

Hi, this isn’t working for me, can you assist?

www.VERAVIfashion.com