Header Image responsive resize

Hi,

I am preparing a website with Quark and the header image is not resizing when viewing from a mobile device, it will be cropped instead of resized.

Any ideas?

Template is design to keep contain height of heared. This way image will be cropped on smaller screens. If that is an issue, you can use css @media queries in override.css and reduce header height on smaller screens - making the image to be less cropped.