My site looks mostly fine on an iPhone but the background image and top navigation are not resized correctly. Anyone any ideas what to do? Is there a css fix or do I need to do something complex like try to detect an iPhone visitor and give them a different css file?

2 answers

This was chosen as the best answer

Actually, these 2 lines in the body tag fixed it perfectly, easier than I thought!:

-webkit-background-size: 2000px 1024px; -webkit-text-size-adjust: none;

Here's a post I wrote last night with more details on how to sort iPhone probs:

Answered almost 7 years ago by Leon Quinn
  • That post was there before you posted this question, so I'm assuming you're just here to drive traffic to your hideous blog. Nathan Duran almost 7 years ago

Nothing is going to fix that, but you can stop it from resizing with viewport metatags

Answered almost 7 years ago by Nathan Duran