Image banner with menu overlay? animated header help

[NorthHos]

Hey there, Im having trouble with my image banner. my goal is to display it just under the announcement bar, and have the menu buttons and my logo overlay it in the same postion. Not sure if this would be displayed as image banner or some custom code in the header. cant find a solution online, let me know your thoughts thanks.

In the image you can see I have just an open black space which I want filled in by the image banner. 

[BSSCommerce-B2B]

@NorthHos , try this

Step 1. Go to Admin -> Online store -> Theme > Edit code

Step 2. Find the file theme.liquid.

Step 3. Add this code above </body>

<style>
sticky-header.header-wrapper {
    position: fixed!important;
    width: 100%!important;
    background: transparent!important;
}
</style>

[NorthHos]

My theme.liquid doesnt have </body> this is the closest thing:

[BSSCommerce-B2B]

@NorthHos,  try putting this

sticky-header.header-wrapper {
    position: fixed!important;
    width: 100%!important;
    background: transparent!important;
}

here

It will look like

....
@media screen and (min-width: 750px){
 body {
    font-size: 1.6rem;
 }
}
sticky-header.header-wrapper {
    position: fixed!important;
    width: 100%!important;
    background: transparent!important;
}
{% endstyle %}

If it doesn't work you can find the file: theme.css or base.css or app.css,... and put it to the end of file

[NorthHos]

The header is transparent, but its just background.

I need to have the image banner display in the header section, or brought up in the header tab without even being an image banner. The question is how would I go about this, and what code would be needed in case I have to source the gif in the header section of the website editior?

I appreciate the help. 

[BSSCommerce-B2B]

@NorthHos, Can you share your url store ?  I'll help you better

[NorthHos]

Yes. 

URL: 

www.northernhostility.us

PS: 

oweofbLInWFNqfwRTGSXZDFVZERSG