Full width colored navigation bar in 7.1

Hi there, I'm hoping someone can help. I am pulling my hair out trying to get a full width blue background color behind my navigation bar in 7.1. I've tried adding "width: 100%" but I still cannot seem to get rid of the white gaps on the ends of the bar. Any ideas? Thanks in advance for the help!

Can you share site url? We can check easier

I believe I am trying to solve a similar problem! I would like my navigation bar to come off the side of the site like a tab, and I am having trouble trying to figure out a way to bypass the content inset using CSS. 

Any suggestions?

13 hours ago, StudioEightySeven said:

I believe I am trying to solve a similar problem! I would like my navigation bar to come off the side of the site like a tab, and I am having trouble trying to figure out a way to bypass the content inset using CSS. 

Any suggestions?

Can you share site url? We can check easier

I don't have a live url yet.

Please set up a site-wide password. Post the password here.

We can then take a look at your issue.

On 11/5/2020 at 4:34 AM, StudioEightySeven said:

I don't have a live url yet.

If your site is private/trial/unpublish, you can setup password & share url.

Thanks everyone. The site is: www.the-forefront-project.squarespace.com (pw: ffp2020). 

@StudioEightySeven

Add the following to Design > Custom CSS.

@media screen and ( min-width: 800px ) {
    
  .header .header-announcement-bar-wrapper {
  
    padding-right: 0;
    
    }
  }

Let us know how it goes.

Thanks @creedon! Thank worked!