Full width header

[Keith Vaugh+ 16]

Hi Folks Is it possible to add some css to create a full width header? (similar to the full width twitter bar i.e the colour background)

[cmunns 16]

Yeah you could probably even use the fullwidth sidebar and throw that on top...but generally speaking your question is still vague as far as what your specific need is since a header can be a variety of things.

[Keith Vaugh+ 16]

Basically I'd like to achieve something similar to what is at the top of this page, i.e. the colour extends across the browser window.

[catrina 103]

Here is sample CSS that might work:

HEADERSELECTOR {width: 100%; float: left;}

It can be revised further to customize what the header will look like.

[Keith Vaugh+ 16]

Thanks Catrina, however it didn't work for me. I'll provide a url a little later, as I thing I have one or two more questions that I will need some assistance with. Thanks

[kastelic 6]

You can insert an empty div like

[/code] via a hook like pagelines_before_site or pagelines_before_page and then set it like this:

[code] .header-bg{ position:absolute; width:100%; height:100px; background: black; z-index:0 }

May have to play with the z-index a bit.