Title: Responsive Header Image
Last modified: August 21, 2016

---

# Responsive Header Image

 *  [dlewis88](https://wordpress.org/support/users/dlewis88/)
 * (@dlewis88)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/responsive-header-image-3/)
 * I have tried every variation of CSS I can think of and still cannot get the header
   image to be responsive. It cuts off both the right and left and only shows a 
   middle chunk when on both iPhone and iPad devices.
 * I noticed the default text header sizes down to become responsive on mobile devices,
   but the custom image you upload in the theme’s header settings does not.
 * I’d like to either get the header image to be responsive, or find an easy way
   to only show the text header when on mobile devices.
 * Can anyone help with this???

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

 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 3 months ago](https://wordpress.org/support/topic/responsive-header-image-3/#post-4591770)
 * Let’s see the Webpage you’re referring to
 *  Thread Starter [dlewis88](https://wordpress.org/support/users/dlewis88/)
 * (@dlewis88)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/responsive-header-image-3/#post-4591772)
 * [http://www.Richstreetfashion.com](http://www.Richstreetfashion.com)
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 3 months ago](https://wordpress.org/support/topic/responsive-header-image-3/#post-4591775)
 * Did you try giving it a background size of 100%?
 *  Thread Starter [dlewis88](https://wordpress.org/support/users/dlewis88/)
 * (@dlewis88)
 * [12 years, 3 months ago](https://wordpress.org/support/topic/responsive-header-image-3/#post-4591796)
 * yes, i’ve tried that and it doesn’t do anything. just shows up crossed out when
   i use the “inspect element” tool.
 *  [Andrew Nevins](https://wordpress.org/support/users/anevins/)
 * (@anevins)
 * WCLDN 2018 Contributor | Volunteer support
 * [12 years, 3 months ago](https://wordpress.org/support/topic/responsive-header-image-3/#post-4591799)
 * Could you post here the CSS you’re using and let us know where you’re putting
   it?
 *  [admin2012admin](https://wordpress.org/support/users/admin2012admin/)
 * (@admin2012admin)
 * [12 years, 1 month ago](https://wordpress.org/support/topic/responsive-header-image-3/#post-4592106)
 * Hello,
 * I have an image in the Suits theme custom header that I would like to have auto
   rezised for each step of responsiveness (full size for desktop, smaller percentage
   for tablet, smallest for mobile/small screen). Where do I edit the CSS to hit
   those distinct steps and not just have it resize continuously?
 * My site is [http://www.herberthouse.com](http://www.herberthouse.com)
 * Thanks.
 *  [oliviaontheriviera](https://wordpress.org/support/users/oliviaontheriviera/)
 * (@oliviaontheriviera)
 * [12 years ago](https://wordpress.org/support/topic/responsive-header-image-3/#post-4592116)
 * I am also having this issue, the header does not adapt to mobile layout moreover
   I also have an issue whereby on desktop view I have white bits on either side
   of my header, even though I uploaded an image that fits the suggested theme size.
   Can anyone help on this? Blog is [http://www.oliviaontheriviera.com](http://oliviaontheriviera.com)
   
   Thanks!

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

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

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

## Tags

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

 * 7 replies
 * 4 participants
 * Last reply from: [oliviaontheriviera](https://wordpress.org/support/users/oliviaontheriviera/)
 * Last activity: [12 years ago](https://wordpress.org/support/topic/responsive-header-image-3/#post-4592116)
 * Status: not resolved