Title: full screen header
Last modified: August 20, 2016

---

# full screen header

 *  [rodrigue](https://wordpress.org/support/users/rodrigue/)
 * (@rodrigue)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/full-screen-header/)
 * HI all, I am trying to extend my header to cover the full page. [http://dev.webgrowth.biz/](http://dev.webgrowth.biz/)
   and I want it look like this one [http://www.webgrowth.biz/](http://www.webgrowth.biz/)
   I have been trying everything for hours now. any help would be highly appreciated.

Viewing 6 replies - 1 through 6 (of 6 total)

 *  [kmessinger](https://wordpress.org/support/users/kmessinger/)
 * (@kmessinger)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/full-screen-header/#post-2284070)
 * Compare the two css’s – silver.css and #header; default.css and .wrap
 *  Thread Starter [rodrigue](https://wordpress.org/support/users/rodrigue/)
 * (@rodrigue)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/full-screen-header/#post-2284072)
 * hey kmessinger, unfortunately I don’t have the silver css with me so i can only
   see the bit of info displayed in the “inspect element” tool. that is all i can
   deal with right now 🙁
 *  [kmessinger](https://wordpress.org/support/users/kmessinger/)
 * (@kmessinger)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/full-screen-header/#post-2284073)
 * When you open the site that uses silver.css you can see all the css using developertools(
   IE) or firebug (FF).
 *  Thread Starter [rodrigue](https://wordpress.org/support/users/rodrigue/)
 * (@rodrigue)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/full-screen-header/#post-2284080)
 * I have seen and compare the files with the dev tool. that’s what i actually called“
   inspect element”. I even backed up my default.css, copied and pasted the main
   site css just to see how it would look but NO success :(. i get somewhere when
   i change the positioning of the header to fixed but it messes up the div#container
   and everything else when i do that.
 *  [shirazdrum](https://wordpress.org/support/users/shirazdrum/)
 * (@shirazdrum)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/full-screen-header/#post-2284106)
 *     ```
       #header {
       background: #7A7A7A url(silver/header.jpg) repeat-x scroll center top;'
       ```
   
 * It’s not a color, it’s an image. You can save that image from :
 * [http://www.webgrowth.biz/wp-content/themes/infocus/styles/silver/header.jpg](http://www.webgrowth.biz/wp-content/themes/infocus/styles/silver/header.jpg)
 * Or i would just use css gradient of grey shades.
 * Once you define the css, you need to call it in your header.php otherwise of 
   course it won’t work.
 *  Thread Starter [rodrigue](https://wordpress.org/support/users/rodrigue/)
 * (@rodrigue)
 * [14 years, 9 months ago](https://wordpress.org/support/topic/full-screen-header/#post-2284184)
 * how would i do that shirazdrum? i already have the image. mine is under [http://dev.webgrowth.biz/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/images/seo_header.jpg](http://dev.webgrowth.biz/wp-content/plugins/buddypress/bp-themes/bp-default/_inc/images/seo_header.jpg)
   but it refuses to expand even with all the properties enabled like repeat, etc.
   maybe you can try it for yourself.

Viewing 6 replies - 1 through 6 (of 6 total)

The topic ‘full screen header’ is closed to new replies.

 * In: [Fixing WordPress](https://wordpress.org/support/forum/how-to-and-troubleshooting/)
 * 6 replies
 * 3 participants
 * Last reply from: [rodrigue](https://wordpress.org/support/users/rodrigue/)
 * Last activity: [14 years, 9 months ago](https://wordpress.org/support/topic/full-screen-header/#post-2284184)
 * Status: not resolved

## Topics

### Topics with no replies

### Non-support topics

### Resolved topics

### Unresolved topics

### All topics