[rawiley]

I installed Catch Adaptive for a new site and, for some reason, the height of the header image is just a sliver of what it should be. I have tried it with all of my plugins disabled, I have deleted and re-uploaded the graphic I am wanting to use, I have removed and re-installed the theme twice and have tried the header image included with the theme. Nothing changes this. I have not made any changes to the theme through the editor.

Is this a known problem or do you have any idea what could be causing this? I like the theme but it’s a deal killer the way it is…..

Here’s a link to the site:
http://12stonesfarm.net/

[Mahesh]

@rawiley: What seems to be the problem? Your image is displaying fine. Do you mean to increase the header’s height or something?
Let me know further.

Regards,
Mahesh

[rawiley]

Yeah, the Customizer calls for a 1680×720 (which is the size of my photo) but it only displays about 250 pixels of the height….

[Mahesh]

@rawiley: The header image is not actually the image, it is as the background image for the div. And since you’ve remove the site title and the content, the height diminished. This can be fixed with Custom CSS. Go to Dashboard=> Appearance=> Customize=> Theme Option=> Custom CSS box and add the following CSS:

#masthead .wrapper {
    min-height: 200px;
}

Note: Please adjust the height as required.

Regards,
Mahesh

[rawiley]

That fixed it, thanks. Love Catch Themes…..

[Mahesh]

@rawiley: Thank you for your appreciation. Have a nice day.

Regards,
Mahesh

[rawiley]

I have another problem related to the image. While the theme is responsive, this image is not. It remains large and when viewed with a phone it just shows a small part of it. I cannot seem to figure this one out…..

[rawiley]

Any ideas on this?

[Mahesh]

@rawiley: Add the following CSS:

@media screen and (max-width: 720px) {
    #masthead {
        background-size: contain;
        padding-top: 0;
    }
    #masthead .wrapper {
        min-height: 200px;
    }
}

Regards,
Mahesh

[rawiley]

Thanks, Mahesh, once again, you are the man!

[Author]

Posts