Uncropped header across all pages

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.

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 ??

That did the trick, thank you