Editing mobile announcement bar size

Topic summary

Main topic: reducing the thickness of the mobile announcement bar on a Shopify store.

What changed:

  • A helper advised editing the theme’s main layout file (theme.liquid) via Online Store > Edit Code and adding a custom code snippet just above the closing tag to slim the bar.
  • A result screenshot was shared showing a thinner announcement bar on mobile. The store owner confirmed the fix worked.

Context:

  • “theme.liquid” is Shopify’s primary layout file; the “announcement bar” is the top banner used for messages/promos.

Outcomes/decisions:

  • Original issue resolved: mobile announcement bar successfully made thinner through a code change in theme.liquid.

Additional thread activity (tangential):

  • Another participant asked how to add a social share icon in the Inspired theme to match a provided design, sharing a product URL and password. No solution or code was provided in this thread for that request.

Status:

  • Primary topic: resolved.
  • New, separate request about social share icon: open/unanswered.

Notes:

  • Screenshots were central to confirming the visual result.
Summarized with AI on December 29. AI used: gpt-5.

I am trying to make the announcement bar on mobile thinner than it is now.

The bar is too thick compared to the text size. I need it to be half size of the original.

The website name url is urbancliff.co

thank you

Hey @Cynos_Express

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:

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

Best Regards,
Moeed

1 Like

it worked.

Thank you!

Hello Moeed!

I am using shopify inspired theme. How can I add a social share icon? I have added an image. I want to keep the social share icon exactly like this image. Is it possible? Please help me. Thank you.
URL: https://blue-chic-clothes.myshopify.com/products/sexy-women-one-shoulder-long-sleeve-jumpsuit
Password: Admin

Now

I want

dreamtechzone_5_0-1715629523664.png

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.