I have created this site here. When the homepage is viewed on the iphone its fine, when you click on the contact link the page doesn't fit inside the screen, its slightly out, why is this? It happens on a few of the pages as well. I'm guessing its a CSS issue but I can't figure out what it is. Any help would be greatly appreciated and well worth a kudos.

Edited March 15, 201115 yr by lozenges

I have created this site here. When the homepage is viewed on the iphone its fine, when you click on the contact link the page doesn't fit inside the screen, its slightly out, why is this? It happens on a few of the pages as well. I'm guessing its a CSS issue but I can't figure out what it is. Any help would be greatly appreciated and well worth a kudos.

 

This may not make a difference but try adding this line of code to your CSS

 

@media only screen and (max-device-width: 960px) { html { -webkit-text-size-adjust:none;} }

 

It will target only iPhone sized screens and will stop the text from being resized, something Safari does automatically to make text more readable.

 

I hope this helps.

The page definitely looks like it's resizing somewhere along the lines anyway.

 

Edit: Also, on the home page there is an h1 element with an id #site-title which is replaced with a div on the contact page. I would check through your code and see if there's much else that's changed.

Edited March 16, 201115 yr by iKane

Thanks guys, I will have a look into this and let you know the results.

Unfortunately that piece of code didn't work, back to diving into the code... hmmm I hate things like this, and I know its going to be something little causing this problem.