- This topic has 9 replies, 2 voices, and was last updated 7 years, 2 months ago by rawiley.
-
AuthorPosts
-
January 17, 2017 at 12:46 am #107232rawileyParticipant
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/January 17, 2017 at 9:38 am #107237MaheshKeymaster@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,
MaheshJanuary 17, 2017 at 12:24 pm #107249rawileyParticipantYeah, the Customizer calls for a 1680×720 (which is the size of my photo) but it only displays about 250 pixels of the height….
January 17, 2017 at 3:40 pm #107263MaheshKeymaster@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,
MaheshJanuary 17, 2017 at 9:04 pm #107282rawileyParticipantThat fixed it, thanks. Love Catch Themes…..
January 18, 2017 at 10:19 am #107327February 17, 2017 at 5:43 am #110035rawileyParticipantI 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…..
February 18, 2017 at 2:29 am #110148rawileyParticipantAny ideas on this?
February 21, 2017 at 10:58 am #110366MaheshKeymaster@rawiley: Add the following CSS:
@media screen and (max-width: 720px) { #masthead { background-size: contain; padding-top: 0; } #masthead .wrapper { min-height: 200px; } }
Regards,
MaheshFebruary 21, 2017 at 12:13 pm #110371rawileyParticipantThanks, Mahesh, once again, you are the man!
-
AuthorPosts
- The topic ‘Header image height is messed up’ is closed to new replies.