Full width header with costum background

Anyone? Maybe something with position? I’ve never really gotten the hang of that…

Ok, easiest solution i came up with (not a super pretty one but still, it’s something):

#header {
	background: #000;
	height: 8em; /*or whatever height you want*/
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 999999;
}

#slider-core {
	margin-top: 8em; /*the same as the height of your header*/
}

It gets a little wonky when you make the screen smaller but I don’t have time for that right now ??

Oh, forgot this

#content {
margin-top: 8em; /*the same as the height of your header*/
}

Hi campdrunkisme,

where do I add that code? I mean in which document?

#header {
	background: #000;
	height: 8em; /*or whatever height you want*/
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 999999;
}

#slider-core {
	margin-top: 8em; /*the same as the height of your header*/
}

#content {
margin-top: 8em; /*the same as the height of your header*/
}

I added it in my child css but if you don’t have one you can add it in the Custom CSS box in Apperance -> Theme Options -> General Settings