Cover photo resized for mobile

Hello again! Is there a way to show another slice of the main cover photo when the site is resized on mobile devices? Currently on my iphone, the far left edge of the cover photo is shown. Is it possible to have it select a slice somewhere near the middle of the cover image?

I’ve attached a photo to illustrate: The red box is the current image shown on mobile – want to see if the green box can be the image on my mobile device(s).

Thanks for your help!


Here’s the site:


Hello Nick,

Try this CSS rule, it should work like a charm:

#header {
    background-position: center;

It took me a good couple of seconds to figure out the screenshot but many thanks for making this easy by providing visuals and website link.


Awesome. It worked like a charm, indeed.

Thanks, Nick