Website showing incorrectly on Iphone and Ipad?

[rachel]

When viewing my website on the Iphone or Ipad the screen becomes a long box see screenshot. It works fine on the Apple Mac and on Android phones. Very confusing! Please help!!

[Sushil Adhikari]

Hi Rachel…I didn’t see a screenshot here, perhaps try again or send me one in an email. Also, a link would work too and then I can try it out on my iphone. Unfortunately I don’t have an ipad yet so I won’t be able to test that, but I can use an online responsive viewing tool to check it out. If you can also provide more details of what specifically you mean a “long box”, I will know what to look for.

[rachel]

Thanks for your quick reply!

I can email you the screenshot, what is your email address please? The website is http://www.displaygraphics.co.uk

Rachel

[Sushil Adhikari]

Ah… found it. It’s your sliding plugin (which I believe is the jCarousel) you have at the bottom of your page because it has an inline style of width: 1180px…it’s not really responsive. To maintain full responsiveness of a theme, any third party plugins and scripts should also be responsive as well.

Side note: you may also want to consider updating Celestial Reloaded which is now version 2.4.0 and fixes and adds a lot of changes. Before doing so, I would recommend reading the new version’s changelog.txt file and make a copy of your existing theme before updating it (if you do).

[Author]

Posts