I would like to span my header image across the page similar to this website w w w.unit4.c o m

I have used the style options and selected Full Width Header - yes

However it moves to one side.

So I have a couple of questions

What size image should I be using - I have read that it should be the size of the max screen resolution you expect the site to be looked on. However all the ones I have looked at are 1000px but span the whole screen at 1280px

I've tried centering the header image but this doesnt seem to work either.

I dont have an active site, just trialling on my local machine at the moment

You may have to apply CSS to have the image show as you want along with sizing it properly so it is not too pixelated.

I copied this from a responsive website, but not sure this would work - would I have to wait until Atahulpa is responsive to get this working

element.style {
width: 100%;
height: 100%;
opacity: 1;
position: relative;
background-image: url(http://mysite.com/wp-content/uploads/xxxx.jpg);
background-color: rgba(0, 0, 0, 0);
background-size: cover;
background-position: 50% 0%;
background-repeat: no-repeat;
}

Just give it a try. Of course you will need to change the selector to target your header.