The forums ran from 2008-2020 and are now closed and viewable here as an archive.
Home › Forums › CSS › How to full width header across the screen ?
Hello,
I am trying to make a header of a theme full width accross the screen. this is the link http://ampersandmiami.com/version3/portfolio/
here is the css code i have implemented
#header { padding: 0; background: url(http://ampersandmiami.com/version3/wp-content/themes/vimes3-child/images/bg-header2.jpg) repeat-x 0 0; height: 219px; z-index: 10; width: 100%; margin: 0; }
but i cant seem to get the image across the screen , anybody able to help me out ?
You’d have to take it out of the #wrapper first as that has a fixed width of 1052px on it.
#wrapper
But there are alternatives.
https://stackoverflow.com/questions/28565976/css-how-to-overflow-from-div-to-full-width-of-screen