iPad formatting bug?

Permalink
My client has complained about the theme on his iPad. Upon further review, it seems to display incorrectly in portrait mode on my iPad as well. The right side of the page gets cut off, and it isn't possible to pinch out and see everything. In landscape mode, it still displays incorrectly, but it *is* possible to pinch out and view it as it should be. You can see the issue here:http://www.johnmairs.com/lyc/

Is there any quick fix I can implement? I'm not very familiar with iPad-specific issues.

jmairs
View Replies: View Best Answer
VidalThemes replied on at Permalink Best Answer Reply
VidalThemes
Hi There,

You can improve the portrait looks of the Elegancia theme, if you FTP into your theme and find the "inc" folder, in there you will see a file called components.php, in that file you will find this line of code:

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


and delete it, this will give you back the ability to pinch and scale etc in the Ipad.

I have had a look at your site in the landscape also and cannot see any issue with it (Ipad 2, ios 5)

The Elegancia theme is not sold as a Responsive theme, it does have a mobile stylesheet, for improved formatting in mobile phones, the Elegancia range does have responsive themes, the Elegancia Neu and Elegancia Onyx themes are both fully responsive and adapt to all screen sizes.

Hope that helps, any other issues please dont hesitate to get in touch.

Regards

David
jmairs replied on at Permalink Reply
jmairs
Thanks for the info! I ended up throwing an extra if statement into components.php. For iPhone / iPod, it displays the viewport meta tag. Otherwise it doesn't. Now my iPad displays the page as it should in both orientations, as does my iPhone.