Title: Responsive Header image
Last modified: August 24, 2016

---

# Responsive Header image

 *  Resolved [FrankStone](https://wordpress.org/support/users/frankstone/)
 * (@frankstone)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/responsive-header-image-9/)
 * Hello,
 * I too would like to make the image responsive in the header. I know some of these
   forums are picky about people jumping in (hijacking) other threads so even though
   I chimed in on another one like this I thought I would start my own before I’m
   told to.
 * I would like the background image in the header to be responsive and there is
   a gray color behind it that I would like removed so that it is white and the 
   image is the only thing in the header visible.
 * I tried the other suggested CSS trick but that didn’t work for me.

Viewing 1 replies (of 1 total)

 *  [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * (@hardeepasrani)
 * [11 years, 1 month ago](https://wordpress.org/support/topic/responsive-header-image-9/#post-6105237)
 * Hi Frank,
 * Try using the following CSS:
 *     ```
       body {
           background-size : 100%;
       }
       ```
   
 * And to remove that gray color, you can use this tutorial: [http://docs.themeisle.com/article/30-removing-background-opacity-in-zerif](http://docs.themeisle.com/article/30-removing-background-opacity-in-zerif)
 * Regards,
    Hardeep

Viewing 1 replies (of 1 total)

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

 * ![](https://i0.wp.com/themes.svn.wordpress.org/zerif-lite/1.8.5.49/screenshot.
   png)
 * Zerif Lite
 * [Support Threads](https://wordpress.org/support/theme/zerif-lite/)
 * [Active Topics](https://wordpress.org/support/theme/zerif-lite/active/)
 * [Unresolved Topics](https://wordpress.org/support/theme/zerif-lite/unresolved/)
 * [Reviews](https://wordpress.org/support/theme/zerif-lite/reviews/)

## Tags

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

 * 1 reply
 * 2 participants
 * Last reply from: [Hardeep Asrani](https://wordpress.org/support/users/hardeepasrani/)
 * Last activity: [11 years, 1 month ago](https://wordpress.org/support/topic/responsive-header-image-9/#post-6105237)
 * Status: resolved