In order to make big splashy intro images on my hiking pages, I’ve set the Medium size for images in Media Settings to 690px and am uploading images at 990px width. They look wonderful – until I shrink my Firefox browser a little. Then the 690px images spill over into the right sidebar container, overlapping on my widget space for Google ads (which is a TOS no-no with them). How can I force them to shrink responsively when the browser is resized under 690px? I see hard-coding in the CSS for different media settings and I’m guessing that’s where I need to do it. Thanks for your insight.
I haven’t seen that happen before, so I’m wondering if there is something else interfering with the way it shows up. You can add this code to your css and it should fix it –