Title: Header transparency
Last modified: August 21, 2016

---

# Header transparency

 *  Resolved [cflam](https://wordpress.org/support/users/cflam/)
 * (@cflam)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/header-transparency-2/)
 * I would like to make the header a .png and the background image to show through.
   I understand that the body wrapper is white, so even if I made the header a .
   png, it wouldn’t show transparency to the background. Is there a way to start
   the body wrapper at the navigation (i.e. so the wrapper won’t be behind the header
   image?) I hope this makes sense…..

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

 *  Theme Author [Tomas Mackevicius](https://wordpress.org/support/users/tomasm/)
 * (@tomasm)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/header-transparency-2/#post-4489475)
 * I would say give it a try. Open (or copy to child theme) header.php and try to
   move whole “header” part outside. If you will see fit, you could try to move “
   site-navigation” part somewhere else.
 *  Thread Starter [cflam](https://wordpress.org/support/users/cflam/)
 * (@cflam)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/header-transparency-2/#post-4489499)
 * Excellent, thank you. It worked. I moved the entire header outside of the page
   div and then moved the navigation into the page div at the bottom. Thanks for
   your quick reply.
 *  Thread Starter [cflam](https://wordpress.org/support/users/cflam/)
 * (@cflam)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/header-transparency-2/#post-4489506)
 * I have one other question. I would now like to resize my header so that it aligns
   with the content area below (width 1040 px I believe instead of 960px). What 
   is the easiest way to override or change the max img width of 960px? Thanks again.
 *  Theme Author [Tomas Mackevicius](https://wordpress.org/support/users/tomasm/)
 * (@tomasm)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/header-transparency-2/#post-4489537)
 * edit /inc/custom-header.php
 * `'width' => 960,`
 * Also search for “960” in functions.php
 *  Thread Starter [cflam](https://wordpress.org/support/users/cflam/)
 * (@cflam)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/header-transparency-2/#post-4489546)
 * Perfect, thanks.
 *  [CliveH](https://wordpress.org/support/users/cliveh/)
 * (@cliveh)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/header-transparency-2/#post-4489686)
 * when I try to move the
    <header id=”masthead” class=”site-header” role=”banner”
   > piece it messes up the whole page. Everything ends up floating to the extreme
   left side.
 * What should the end point be for this snippet?
 * Thanks
 *  Theme Author [Tomas Mackevicius](https://wordpress.org/support/users/tomasm/)
 * (@tomasm)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/header-transparency-2/#post-4489688)
 * `</header><!-- #masthead -->`

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

The topic ‘Header transparency’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/tiny-forge/1.6.1/screenshot.png)
 * Tiny Forge
 * [Support Threads](https://wordpress.org/support/theme/tiny-forge/)
 * [Active Topics](https://wordpress.org/support/theme/tiny-forge/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/tiny-forge/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/tiny-forge/reviews/)

## Tags

 * [header](https://wordpress.org/support/topic-tag/header/)
 * [png](https://wordpress.org/support/topic-tag/png/)
 * [Transparency](https://wordpress.org/support/topic-tag/transparency/)

 * 7 replies
 * 3 participants
 * Last reply from: [Tomas Mackevicius](https://wordpress.org/support/users/tomasm/)
 * Last activity: [12 years, 4 months ago](https://wordpress.org/support/topic/header-transparency-2/#post-4489688)
 * Status: resolved