Responsive Themes-Header issues

Community Forums Forums Design Tips and Tricks Responsive Themes-Header issues

This topic is: not resolved

This topic contains 1 reply, has 2 voices, and was last updated by  csbeck 2 years, 5 months ago.

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #46472


    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:

    Any help would be greatly appreciated.

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


    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.


Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.