ctmccosh

Hey @RatherGood! Sorry I wasn't aware you replied. If you need more help perhaps you could email me? Thank you! I'm at hello@herz.works

and yay for midwives 🙂

Ah! media screen! So that code only applies above certain screen sizes and leave the image alone for smaller ones, right? // looks like it's falling apart around 930px adjust as you need... @media only screen and (min-width: 925px) { .banner-thumbnail-wrapper #thumbnail img { max-width: 1400px !important; width: 100vw !important; height: auto !important; margin: 0 auto !important; display: block !important; top: 0 !important; } .banner-thumbnail-wrapper #thumbnail { background-color: #FFF; } .color-overlay { max-width: 1400px !important; width: 100vw !important; height: auto !important; margin: 0 auto !important; display: block !important; top: 0 !important; } }

Howdy! If you're trying to fix an image issue - I would edit/crop the image as you want it before adding it to the site. But I'm not sure that's the problem? I actually don't see the image behavior that you're capturing with screenshots so maybe that's been fixed. If you want to limit the width of your content and navigation/site title/logos: //limit content width ever expanding #site{ max-width: 1000px; /*Adjust here.*/ margin-right: auto; margin-left: auto;} //limit nav/logos/titles .header-inner { max-width: 1000px; /*Adjust here.*/ }