Title: Header-Container Background Image responsive
Last modified: August 22, 2016

---

# Header-Container Background Image responsive

 *  Resolved [Kim](https://wordpress.org/support/users/die-medienfrau/)
 * (@die-medienfrau)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/header-container-background-image-responsive/)
 * HI,
 * i use the black rider theme on this page: [http://www.ferienwohnungen-zingst-zurhanse.de](http://www.ferienwohnungen-zingst-zurhanse.de)
 * i tried to make the header image (header container with background image) responsive.
   Like max-width: 100% but it dosen’t work.
 * Can someone help me?
 * Thats what i tried:
 * }
    .header_container{ background:#ffffff url(images/header-bg.png); background-
   repeat:no-repeat; padding:60px 0; max-width: 100%; !important min-width: 100%;!
   important }
 * [@media](https://wordpress.org/support/users/media/) (max-width: 450px) {
    .header_container{
   background-position: -100px; margin-top: -20px; margin-bottom: -15px; } }

Viewing 1 replies (of 1 total)

 *  Thread Starter [Kim](https://wordpress.org/support/users/die-medienfrau/)
 * (@die-medienfrau)
 * [11 years, 6 months ago](https://wordpress.org/support/topic/header-container-background-image-responsive/#post-5516612)
 * Solve it:
 * }
    .header_container{ background:#ffffff url(images/header-bg.png); background-
   size: 100%; background-repeat:no-repeat; padding:30px 0; width: 100%; !important
 *  }
 * [@media](https://wordpress.org/support/users/media/) (max-width: 450px) {
    .header_container{
   background-position: -100px; margin-top: -20px; margin-bottom: -15px; background-
   size: 140%; }

Viewing 1 replies (of 1 total)

The topic ‘Header-Container Background Image responsive’ is closed to new replies.

 * ![](https://i0.wp.com/themes.svn.wordpress.org/black-rider/1.2.3/screenshot.png)
 * Black Rider
 * [Support Threads](https://wordpress.org/support/theme/black-rider/)
 * [Active Topics](https://wordpress.org/support/theme/black-rider/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/black-rider/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/black-rider/reviews/)

## Tags

 * [background](https://wordpress.org/support/topic-tag/background/)
 * [header](https://wordpress.org/support/topic-tag/header/)
 * [image](https://wordpress.org/support/topic-tag/image/)
 * [mobile](https://wordpress.org/support/topic-tag/mobile/)

 * 1 reply
 * 1 participant
 * Last reply from: [Kim](https://wordpress.org/support/users/die-medienfrau/)
 * Last activity: [11 years, 6 months ago](https://wordpress.org/support/topic/header-container-background-image-responsive/#post-5516612)
 * Status: resolved