Squashed images on mobile web

• 

  gemmatball · Member · Aug 19, 2013 at 9:04 pm

  • Copy link
  • Add topic to favorites

  Hi, I’m noticing that my images appear squashed when viewed in Safari on my iPhone

  As seen here: http://oi39.tinypic.com/2ztje9y.jpg

  And here: http://oi41.tinypic.com/r9mk4i.jpg

  Most images appear fine in my Chrome mobile browser, except this one which is very small, rather than spanning the page like all the other images: http://oi41.tinypic.com/2u7y2w0.jpg

  Is there something I am doing wrong when formatting/uploading?

  I am currently laying out all of my images as a gallery, even when individual as I like the full page overview option.

  Any advice would be great, thanks.

  The blog I need help with is: (visible only to logged in users)

• 

  stepasyuk · Member · Aug 19, 2013 at 10:22 pm

  • Copy link

  @gemmatball, I’ve checked it out on my iPhone 5. Both images that you’ve gave appears normal on it. I don’t see the problem with these.

• 

  timethief · Member · Aug 19, 2013 at 10:24 pm

  • Copy link

  @stepasyuk
  Thanks for checking this out.

• 

  gemmatball · Member · Aug 21, 2013 at 3:35 pm

  • Copy link

  Thanks @stepasyuk for checking that, you’re right other than the tiny image (http://oi41.tinypic.com/2u7y2w0.jpg) they all seem to be viewing as normal now.

  I guess I’m just struggling to understand the restrictions and capabilities of a customised responsive template. For example at the the moment when viewing in a full screen web browser my sidebar auto-defaults to the mobile position at the bottom of the page (in both Chrome and Safari).

  It’s certainly making for a frustrating yet interesting learning curve!

• 

  gemmatball · Member · Aug 21, 2013 at 3:41 pm

  • Copy link

  Ignore me please! It’s all fine… I figure out that it’s all dependent on the gallery setting I used, some were using tiled squares, hence the diddy sizes and changing that somehow realigned my sidebar.

  Not going to question it. Thanks again for your help.