[lillafrunsdagbok]

Hi!

I’ve managed to move my blog to a new site but i have a problem with how my images are shown on iPhone (don’t know about android, haven’t tried) and iPad (got complaints from readers usin iPads). The problem is that pictures, as I see it mostly the once supposed to be vertical, is rotated wrongly to be lying horizontally in iPhones and iPads while it looks as it’s supposed to on computers. I’ve tried both safari and chrome on iPhone.

Here is one example of a post having some flower pics with this issue: http://lillafrunsdagbok.se/2013/09/28/att-alska-ensamheten-och-saga-valkommen-hit/

Here are some custom CSS i’ve used:

h1.site-title img { max-height: 600px; }
.site-description { font-size: 5.0em; }
.site-title { margin-bottom: 0px; }
.site-title { margin-top: 0px; }
.site-description { margin-top: 0px; }
.site-description { margin-bottom: 0px; }
h3 { font-size: 20px; }
h4 { font-size: 18px; }
h5 { font-size: 16px; }
h6 { font-size: 14px }
body, p { font-size: 14px; }
#nav li a { font-size:16px; } /* nav menu*/
#nav #search-form { font-size:16px; }
.featured { text-align: center; }
.form-allowed-tags { display: none; }

And external CSS:

jQuery(document).ready(function($) {
$(‘#primary.span7’).removeClass(‘span7’).addClass(‘span8’);
$(‘#secondary.span5’).removeClass(‘span5’).addClass(‘span4’);
});

I’ve also, in header.php removed the line:

This to turn off responsive mode.

Thankful for help!

[lillafrunsdagbok]

I should also lektion that this is not for all pictures. Som that are vertical is maintained so when using an iphone.

[lillafrunsdagbok]

Mentione* (not lektion) autocorrect!

[ahmetsali]

Hi, i think the problem is about your images. Check this link;

http://webmasters.stackexchange.com/questions/16684/ipad-and-iphone-browser-rotating-images-on-site

[lillafrunsdagbok]

Thanks for responding! I’m on the road right now but i will try the suggested solutions when I’m back home in a few days! I’ll report back on how it worked!

[lillafrunsdagbok]

Hi again! The info helped me solve the problem! I removed metadata from the images and now they work nicely on Iphones!

Thanks!