Navigation bar not stretching full width

Site URL: http://webley12.squarespace.com

I have used quite a bit of code to get the navigation bar to look how it currently looks but there is one bug i cant seem to fix.

On a full desktop screen the background colour for the nav bar does stretch all the way to the edges (but fits fine on tablet)

(Password : CountyWebley)

Any help on this would be appreciated

p.s its kinda hard to see due to the colour but ive marked it in the image below.

Hey @ConnorSW is that good for tablets and mobile?

I recommend replace this code:

.header .header-announcement-bar-wrapper {
    padding-bottom: 0vw;
    padding-left: 0vw;
    padding-right: 0vw;
    line-height: 2.5;
}

To:

.header .header-announcement-bar-wrapper {
    padding-bottom: 0vw;
    line-height: 2.5;
}

26 minutes ago, ConnorSW said:

On a full desktop screen the background colour for the nav bar does stretch all the way to the edges (but fits fine on tablet)

Desktop view with recommended code:

31 minutes ago, SquareRefresh said:

Desktop view with recommended code:

@SquareRefresh I need the background to stretch to the edges and not end on the image as i think it looks odd.

Thats worked perfectly. Thanks @SquareRefresh