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 !!
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.
Hi @Anonymous
You can follow the following steps:
- Please go to the Online Store
- Then Edit Code
- Please find the theme.liquid file
- 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?