Question

So I have a wordpress site I have been working on displaying fine in web broswers.

Here’s the site. xs sailing

When it loads on the iphone it looks like the picture attached. There is nothing to the left and I cannot scroll left at all.
Picture of site on iphone

any ideas?

Thanks in advance!

Answer 1

But you don’t even have the needed iDevices tags, so Mobile Safari will make assumptions and maybe it’s having some wrong ones.

you should set some values on your code to make all go nice and well.

let’s start with the viewport

<meta name="viewport" 
      content="width=device-width; initial-scale=1.0; maximum-scale=1.0;">

and then, you have a bunch of meta tags to play with

---

Plus you should ALWAYS validate your site… don’t expect that everything will run smooth if you have more than 1100 validation errors! There’s even opened tags without their close tag…