Title: Not responsive header
Last modified: August 22, 2016

---

# Not responsive header

 *  [Peter-der-Pan](https://wordpress.org/support/users/peter-der-pan/)
 * (@peter-der-pan)
 * [11 years, 8 months ago](https://wordpress.org/support/topic/not-responsive-header/)
 * Hey there,
    we just made a new blog with the nice snaps theme. Unfortunately 
   it turned out, that the header would not act responsive on our mobile devices.
   Any suggestions how we could get this working would be great! Thanks in advance!
 * [Link to the blog](http://samsensoi5.com)

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

 *  [mieszje](https://wordpress.org/support/users/mieszje/)
 * (@mieszje)
 * [11 years, 7 months ago](https://wordpress.org/support/topic/not-responsive-header/#post-5422528)
 * Same problem here. On mobile devices the header (own made) isnt responsive. My
   website on my iphone fills only 75% of the screen, and leave a empty solid at
   the right.
    I added [@media](https://wordpress.org/support/users/media/) responsive
   codes the the style.css, but no result. I noticed that if you use for example
   firefox, en make your firefox window as small as an mobile screen, the header
   stops being responsive till 320 pixels, en then you have the same result as how
   you see it on your phone. More people with the same problem?
 * thanks in advance!
 *  [GarlicJones](https://wordpress.org/support/users/garlicjones/)
 * (@garlicjones)
 * [11 years ago](https://wordpress.org/support/topic/not-responsive-header/#post-5422604)
 * Don’t suppose anyone figured out the solution to this? Same issue here, header
   image only displays maybe….20% of the middle of my image on my phone.
 *  [mrylande](https://wordpress.org/support/users/mrylande/)
 * (@mrylande)
 * [10 years, 11 months ago](https://wordpress.org/support/topic/not-responsive-header/#post-5422606)
 * Yes, I am having this exact same problem.
 * I switched the vale of “background-size: contain” to “background-size: 100%” 
   and that helps, but it creates large borders or banners over the header image.
 * I also tried “background-size: 100% 100%” but that stretches the background image
   and distorts it too much.
 * I’ve tried using the [@media](https://wordpress.org/support/users/media/) tag,
   but so far, can’t figure out where to place it to make it work.
 * Please help!
 * Modified Snaps source files at:
    [http://mikerylander.com](http://mikerylander.com)

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

The topic ‘Not responsive header’ is closed to new replies.

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

## Tags

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

 * 3 replies
 * 4 participants
 * Last reply from: [mrylande](https://wordpress.org/support/users/mrylande/)
 * Last activity: [10 years, 11 months ago](https://wordpress.org/support/topic/not-responsive-header/#post-5422606)
 * Status: not resolved