Image Size on Mobile

  • I was having issues with my pictures fitting on the screen because of the large variety in the heights of the images. I paid a guy to fix this problem (and a couple other) so he set the height of the images to 500 pixels and then the width would change to whatever it needed to be to show the whole image. This worked great and i though it fixed the problem. Some time later I checked the site on my phone and the picture were to wide. I believe because of the static set height the picture was too wide so it cropped off the sides leaving about the middle third of the picture on a somewhat wider photo compared to everything else. This obviously needs to be fixed.
    My site is https://www.nowherefast.us
    and the picture tab is where this problem occurs most.
    Thanks so much for any help!!!

    Update
    I was trying to fix this problem so i followed some directions i found online and pasted a list of mobile users into some rejected user agents fields. The result was that the images are now cropped to fit the width, and the hieght is chopped. Is there a way to get the whole image to show?!?!

Viewing 3 replies - 1 through 3 (of 3 total)
  • Phil

    (@websterwebguru)

    You are correct in what is causing this problem. Setting the width to 100% and getting rid of the fixed height will make the images ‘responsive’ which means they will change size to fit the screen.
    Let me know if this helps.

    Thread Starter Derekb29

    (@derekb29)

    Will the images then be as wide as the screen? Because then the taller images will be larger than the screen. Also, I could give this a try but I’m new at this and not really sure how to do that…

    Also I changed the website back to how it was before I tried to fix it as said under the “update” above.

    Phil

    (@websterwebguru)

    The images will be as wide as the container they are in. So, probably yes, they will be as wide as the screen. If you have no CSS controlling the height than the wideimages should scale down and fit on the screen.

Viewing 3 replies - 1 through 3 (of 3 total)
  • The topic ‘Image Size on Mobile’ is closed to new replies.