Forum Replies Created
-
AuthorPosts
-
dcolemanParticipant
That did it!
Thank you so much for your help with this problem.
I really appreciate your ongoing support!
All the best,
David
dcolemanParticipantHi Guys,
I uploaded again as you suggested with the original 1350 x 350 pixel size. Unfortunately, the problem remains the same (on all browsers for both Mac and PC). I’m also still using the custom CSS you gave me:
@media (min-width:1024px) { #masthead { height: 350px; } }
I put the CSS in Appearance…Customize…Theme Options…Advanced Options.
Also, I deactivated all plugins to see if it might be a plugin issue, and the problem remained.
Finally, I made a quick video of the problem for you to look at. You can see it here:
https://www.youtube.com/watch?v=7Xx7d2VI0Ug
Hope this helps!
David
dcolemanParticipantHello,
Here is the site URL:
When you resize the browser, you’ll see the header image get cropped.
And here is the original image that’s being used in the custom header. If you look at the image (link below), you’ll see that it appears too large within the custom header from the start.
http://aworldinspired.org/wp-content/uploads/test.jpg
Thanks again for your help!
David
dcolemanParticipantHi,
Thanks for the reply. That seems to work somewhat, but there are two issues that aren’t quite right.
First, my image appears a bit too large within the space (like it’s blown up to about 110% or so of the original size), and the outer edges are cropped off (I did no cropping as you suggested). Again, I’m using a 1350 w x 350 h pixel image.
And secondly, when I resize the browser window, instead of scaling down nicely like the slide images do (and keeping the entire image in view, but smaller), the header image gets cropped so that the smaller you size the browser window, the more image you lose.
Hope this explanation makes sense. Thanks so much for your help!
David
-
AuthorPosts