My annoucement bar is not completely white on larger monitors (or when I zoom out)

[WS_Materiais]

When I access the site using my work computer, the ad bar is completely white the way I want, but when I access it on my personal computer, the background color of the bar does not match...
What do I do?
The URL is: https://wsmateriais.com/

[Moeed]

Hey @WS_Materiais 

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 </body> tag

<style>
#shopify-section-announcement-bar .container {
    margin: 0 !important;
    max-width: 100% !important;
}
</style>

RESULT:

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

Best Regards,
Moeed

[Made4uo-Ribe]

Hi @WS_Materiais 

Try this one. 

1. From your Shopify admin dashboard, click on "Online Store" and then "Themes".
2. Find the theme that you want to edit and click on "Actions" and then "Edit code".
3. In the "Assets" folder, click on "base.css, style.css or theme.css" file, depending on which file your theme uses to store its CSS styles. At the bottom of the file, add the following CSS code:

#shopify-section-announcement-bar .container {
    max-width: 100% !important;
}

• And Save.
• Result:
• 

Your Feedback Matters! Please mark the solution and give likes to posts that helped you. Your appreciation fuels our motivation to assist you better! 

[BSSCommerce-B2B · Accepted solution]

@WS_Materiais,

Step 1: Go to Shopify Admin -> Online Store ->Theme -> Edit code

Step 2: Search file theme.liquid

Step 3: Insert this code above </head>

<style>
.announcement-bar .container {
   max-width: 100%!important
}
</style>

Result:

If it helps you, please like and mark it as the solution.

Best Regards 😊

[WS_Materiais]

You helped me a lot!
Thank you S2

[BSSCommerce-B2B]

Glad to help you 😉

[WS_Materiais]

Could you see my other discussion? Please