Announcement bar not full screen width?

[BTAromas]

Hello,

I changed the announcement bar background color and text color with the following code:

.announcement-bar {
background-color: #687dbd;
}
.announcement-bar__message {
color: white !important;
}

As you can see, it worked fine, but the announcement bar isn't the full width of the screen (see image), please can you help?

[BSS-TekLabs · Accepted solution]

Hi @BTAromas,

You can just add this code snippet in addition to your code before

.utility-bar {
    background: #687dbd;
}

Here is the result

Hope this helps you solve the issue.

Please don't forget to Like and Mark it as an Accepted Solution if you find this helpful. Thank you!

[BTAromas]

Thank you so much, works perfectly.

[BSS-TekLabs]

You're welcome!
And if you're looking to add custom free gift functionality to your store, you should definitely check out our app, Salepify! It's designed to enhance your sales strategy with features like tiered discounts, cart rewards, and seamless integration with Shopify! 🎁🚀