Title: Background image in Header
Last modified: August 21, 2016

---

# Background image in Header

 *  [carel1961](https://wordpress.org/support/users/carel1961/)
 * (@carel1961)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/background-image-in-header/)
 * Hi,
 * I like to make a background image at the top of my site.
    I try some codes in
   the header.php but still not working.
 * Please can anybody help with a php script to fix this?
 * Greetz

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

 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/background-image-in-header/#post-4489942)
 * Can be done in CSS. See this [Snippet](http://www.themesandco.com/snippet/change-customizr-background-to-texture-or-image/)
 *  Thread Starter [carel1961](https://wordpress.org/support/users/carel1961/)
 * (@carel1961)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/background-image-in-header/#post-4489948)
 * Thx, I’m find Snippet.
 * I put the add the code into style.css
 * header.tc-header {
    /* Adjust the Image location ‘wp-content/uploads/NAMEOFFILE.
   png’ */ background: url([http://www.nme.com/wp-content/uploads/2014/01/headerimg1.jpg](http://www.nme.com/wp-content/uploads/2014/01/headerimg1.jpg))
 * Now i see the background picture true the navbar
    So I add the following code
   to my style.css
 * /* Adjust (10px) top position */
    .navbar .nav > li > a { position: relative;
   top: 50px; } .navbar .navbar-inner { max-height: 150px;
 * But now only the menu items are standing right but the .navbar is true the picture.
 * How can ik fix that the navbar is also going below.
 * Greetz
 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/background-image-in-header/#post-4489982)
 * Link to your site?
 *  Thread Starter [carel1961](https://wordpress.org/support/users/carel1961/)
 * (@carel1961)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/background-image-in-header/#post-4489993)
 * I have now add the following script into my style.css
 * header.tc-header {
    background-image:url([http://www.safety-ear.com/net/wp-content/uploads/2014/01/headerimg1.jpg](http://www.safety-ear.com/net/wp-content/uploads/2014/01/headerimg1.jpg))!
   important; background-size: cover; }
 * The Header is now behind the navbar.
 * Now how to get the navbar little down?
 *  [rdellconsulting](https://wordpress.org/support/users/rdellconsulting/)
 * (@rdellconsulting)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/background-image-in-header/#post-4490004)
 * I’ve just updated this [Snippet ](http://www.themesandco.com/snippet/adjust-navbar-box-settings/)
   to show how to reposition the Navbar.
 *  Thread Starter [carel1961](https://wordpress.org/support/users/carel1961/)
 * (@carel1961)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/background-image-in-header/#post-4490010)
 * Thx.
 * OK this is working, but not responsive :o(
 * I’m only want a own header on the top and everything down was ok.
 * Is there a another solution so i can keep the responsive facility?
 *  [ElectricFeet](https://wordpress.org/support/users/electricfeet/)
 * (@electricfeet)
 * [12 years, 4 months ago](https://wordpress.org/support/topic/background-image-in-header/#post-4490191)
 * Without a link to your site we cannot see what you’re doing wrong, so cannot 
   help. Can you link to it?

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

The topic ‘Background image in Header’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/customizr/4.4.24/screenshot.png)
 * Customizr
 * [Support Threads](https://wordpress.org/support/theme/customizr/)
 * [Active Topics](https://wordpress.org/support/theme/customizr/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/customizr/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/customizr/reviews/)

 * 7 replies
 * 3 participants
 * Last reply from: [ElectricFeet](https://wordpress.org/support/users/electricfeet/)
 * Last activity: [12 years, 4 months ago](https://wordpress.org/support/topic/background-image-in-header/#post-4490191)
 * Status: not resolved