Post Featured Image being Stretched on Iphone

Homepage Community Forums Imagery Theme Support Post Featured Image being Stretched on Iphone

Viewing 7 posts - 1 through 7 (of 7 total)
  • Author
    Posts
  • #808
    meisenstein
    Customer

      Featured images are stretching vertically on the iphone. Happens on demo also: http://demo.appfinite.com/imagery/
      Any solutions?

      #809
      Wes
      Moderator

        I don’t have an iPhone so I have to use something like this to check – http://www.studiopress.com/responsive/?demo.appfinite.com/imagery If you look at this link does it appear the same way or does it show different on your iPhone?

        #810
        meisenstein
        Customer

          For me the 240 appears differently. Each picture stretches out vertically quite a lot making it not usable.

          #811
          Wes
          Moderator

            Ok, give me a sec to take a look at some things to see what it could be.

            In the meantime, have you used the Regenerate Thumbnails plugin? – http://wordpress.org/extend/plugins/regenerate-thumbnails/ Sometimes when we upload images in WordPress they may appear the incorrect size, and this plugin goes through and regenerates them to be the correct size as specified in the theme.

            #812
            Wes
            Moderator

              Oh wow, I just took a look at it on my iPod and now I see what you mean! Let me work on this and I’ll let you know as soon as I have the solution.

              #813
              Wes
              Moderator

                Ok I just got it fixed. If you look on or around line 2573 in your style.css file (this may be located on a different line if you made changes to this file) you’ll see something that looks like this –

                
                	#content .home-posts img {
                		height: 100%;
                		margin-bottom: 20px;
                		width: 100%;
                	}
                

                The height: 100%; is what is causing the issue and needs to be removed or replaced with “auto”. So it should look like this –

                
                	#content .home-posts img {
                		height: auto;
                		margin-bottom: 20px;
                		width: 100%;
                	}
                

                I have updated the theme, so you can either manually make the changes by editing your style.css or you can re-download the theme from your account page – https://appfinite.com/my-account ….(only do the second option if you haven’t already made changes to your style.css)

                Thanks for pointing that issue out.

                Let me know if that works.

                #814
                meisenstein
                Customer

                  Yes works great. Thanks.

                Viewing 7 posts - 1 through 7 (of 7 total)
                • The topic ‘Post Featured Image being Stretched on Iphone’ is closed to new replies.