Images in body container not responsive on browser shrink

Homepage › Community Forums › Epik Theme Support › Images in body container not responsive on browser shrink

Tagged: , , , ,

Viewing 4 posts - 1 through 4 (of 4 total)
  • Author
    Posts
  • December 27, 2013 at 9:33 pm #9664
    sfriend
    Customer

      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.

      To view the issue, see my test site at:
      http://gator2020.hostgator.com/~fh/betty-steflik-preserve

      And shrink the browser down from full width slowly.

      December 28, 2013 at 10:57 pm #9675
      Wes
      Moderator

        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 – 

        .wp-caption {
	width: 100% !important;
}
        December 29, 2013 at 9:56 pm #9687
        sfriend
        Customer

          That did the trick! Thank you, Wes.

          December 30, 2013 at 9:11 am #9692
          Wes
          Moderator

            You’re Welcome!

          • Author
            Posts
          Viewing 4 posts - 1 through 4 (of 4 total)
          • The topic ‘Images in body container not responsive on browser shrink’ is closed to new replies.