Responsive Themes-Header issues

[CreativeKristi]

I purchased the Crave theme so I could test out responsive themes. I put it on a test site and uploaded a client's 1000px wide header. She wants it to go across the entire site when viewed on a desktop/laptop. Since the full width header was set on the theme to 1000px that's where I placed the header image url in the background url section. (Like I do on every site/theme) When viewed on a desktop/laptop it shows fine. When viewed on an iPhone I can only see the top left of the header. Should it get smaller so the entire header is viewable? The rest of the site moves & resizes perfectly but having never used a responsive theme I'm just not sure how to get the entire header image to show up (even if it is smaller) on a mobile device.

ALL I changed was taking the url of the header logo from the theme out and placing MY header logo url in. I didn't touch anything else.

test site url is: http://testingblog.creativekristi.com/

Any help would be greatly appreciated.

---

I work at Creative Kristi Designs
I play at Creative Kristi
Affordable. Beautiful. Personal. Custom. Design for everyone.

http://testingblog.creativekristi.com/

[csbeck]

Hi Kristi,

You could try adding to your style below:

.header-image #title a {
background-size: 100%;
}

Realize that you may still have to style your #header, .wrap, #title-area or something else to make sure it fits accurately.

I hope this helps.

Chris

[Author]

Posts