I want my header which includes my nav bar links, Minimal theme

[jamesMeegan]

So I got some help earlier with this but they just gave me some basic code that didn't make what I wanted to become sticky. I want my nav bar to be a sticky. Im not sure if the nav bar that includes the links is considered the header but thats what I want to be sticky. Right now I have the announcement bar sticky which is ok but its not what I wanted to be sticky. 

Site url: https://minimal-design-james.myshopify.com/

password: FoxHound

This is what it looks like at the top of the page:

And this is what it looks like when you scroll down, just the announcement bar stays visible instead of the nav links: 

Any help would be really appreciated. This code will not work btw :

.header-bar {
position: fixed;
z-index: 999;
width: 100%;
}
header.site-header {
padding-top: 60px;
}

 I tried editing the code and I ended up getting this by changing whats above to this : 

header.site-header {
position: fixed;
z-index: 999;
width: 100%;
} 

And the result was this: 

 

[Zworthkey]

Hii, @jamesMeegan 
Kindly share your store URL so,
I can solve it perfectly.
Thank You.