Hi there,
this theme is responsive, which means it will adapt to the size of the screen of the viewer. The header image will be cropped to adjust properly to all screen/window widths from the desktop all the way down to phones. If it wouldn’t be cropped, adjusting it to a smaller screen would cause the image to be distorted.
That said, not all images would work well as a header. For example, try to avoid portraits or images with text.
Thread Starter
leahy
(@leahy)
Sorry I slightly misspoke, I meant I want the header to display at full height (i.e. the top and bottom uncropped). I understand responsiveness, and as the optimal image is wide, I understand there will be cropping on the left and right of the image.
Thanks for the reply.
Oh, I think I completely misunderstood your question, sorry for that!
If you’re looking to make the header look the same across all pages, you can use this CSS code:
/* Unify Site Branding size across pages */
.site-branding {
padding: 2.5em 0
}
@media screen and (min-width: 768px) {
.site-branding {
padding: 7.75em 0;
}
}
I hope that helps 🙂
Thread Starter
leahy
(@leahy)
That did the trick, thank you
