http://www.kriesi.at/support/topic/display-on-ipad-iphone Support Forum - Topic: Display on iPad & iPhone en-US Fri, 24 May 2013 01:09:55 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-74965 Sat, 08 Sep 2012 18:45:04 +0000 Nick 74965@http://www.kriesi.at/support/ <p>Hi,</p> <p>I asked a friend with an iPad to help me out, and we did find the cropping problem discussed in this thread. </p> <p>The problem is answered here : <a href="http://stackoverflow.com/questions/2966803/a-way-to-correct-background-scaling-in-ipads-safari" rel="nofollow">http://stackoverflow.com/questions/2966803/a-way-to-correct-background-scaling-in-ipads-safari</a></p> <p>You can try using the 'quick fix' from the above link (Answer 2 from above link described more thoroughly here <a href="http://www.webdesigndev.com/dreamweaver/create-a-full-page-background-image-with-css3)" rel="nofollow">http://www.webdesigndev.com/dreamweaver/create-a-full-page-background-image-with-css3)</a></p> <p>or add specific CSS and images targeting iPad. (Answer 1 from stackoverflow link above)</p> <p>In a nutshell iPad expects all background images to be proportional to its resolution 1024 x 768, while your image is 1280 width x 720height. If you crop it to the 'correct' size ratio= (1024/768) = (x/720) which when solved x=(720*1024)/768 ... x = 960px.</p> <p>So if you crop your image from 1280x720 to 960 width x 720 height (or any image that has the same aspect ratio as 1024x768), then iPad will accept the images without problems.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-74950 Sat, 08 Sep 2012 15:33:51 +0000 kevinwoo 74950@http://www.kriesi.at/support/ <p>I am having the same problem, see my site here: <a href="http://www.doubleudoubleo.com" rel="nofollow">http://www.doubleudoubleo.com</a>. It appears fine on the home page but the background appear cropped when it gets to the portfolio page and single pages. </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-74299 Tue, 04 Sep 2012 12:18:12 +0000 Nick 74299@http://www.kriesi.at/support/ <p>Hi,</p> <p>Please edit header.php file at the base of your theme, and add the two lines immediately *after* you see<br /> <pre><code>&lt;head&gt;</code></pre> <p>However, if every flashlight power website looks broken on your ipad, I am afraid the problem is with your ipad. It has been tested and used by thousands with an iPad and this is the first time such a problem was reported. I don't know much about ios, but would you try re-installing your browser please.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-74240 Tue, 04 Sep 2012 03:43:01 +0000 mimishkoumish 74240@http://www.kriesi.at/support/ <p>Where should I add &lt;!-- mobile setting --&gt;<br /> &lt;meta name="viewport" content="width=device-width, initial-scale=0.9, maximum-scale=0.9"&gt;?<br /> Which PHP file do I need to add it to?</p> <p>Also, all 4 modified flashlight powered websites listed above were showing in the same, cropped way as mine on my iPhone.<br /> It doesn't show the full home background picture; instead it cuts off the right portion significantly.</p> <p>Thank you! </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-74131 Mon, 03 Sep 2012 09:10:30 +0000 Nick 74131@http://www.kriesi.at/support/ <p>Hi, </p> <p>Please don't forget to do what Peter asked you above. </p> <p>Does the demo version of Flashlight <a href="http://www.kriesi.at/themedemo/?theme=flashlight" rel="nofollow">http://www.kriesi.at/themedemo/?theme=flashlight</a> cause a similar problem on ipad? How about these 4 modified flashlight powered websites?</p> <p><a href="http://goo.gl/C4LR1" rel="nofollow">http://goo.gl/C4LR1</a> - <a href="http://goo.gl/uXOap" rel="nofollow">http://goo.gl/uXOap</a> - <a href="http://goo.gl/456eW" rel="nofollow">http://goo.gl/456eW</a> - <a href="http://goo.gl/lc8Af" rel="nofollow">http://goo.gl/lc8Af</a></p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-74107 Mon, 03 Sep 2012 05:37:09 +0000 Dude 74107@http://www.kriesi.at/support/ <p>Hey! </p> <p> You can try to change the scale value a bit (eg to 0.9) like:</p> <pre><code>&lt;!-- mobile setting --&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=0.9, maximum-scale=0.9&quot;&gt;</code></pre> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-74087 Sun, 02 Sep 2012 17:30:33 +0000 mimishkoumish 74087@http://www.kriesi.at/support/ <p>Unfortunately that didn't do the trick either :(<br /> Do you have any other suggestions?</p> <p>Thanks so much! </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-74040 Sun, 02 Sep 2012 06:23:42 +0000 Dude 74040@http://www.kriesi.at/support/ <p>Hey! </p> <p> Try to add following code to css/custom.css or the quick css field: </p> <pre><code>body { overflow-x: auto; }</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-74035 Sun, 02 Sep 2012 04:24:05 +0000 mimishkoumish 74035@http://www.kriesi.at/support/ <p>Maintenance mode is turned off, please check: <a href="http://www.vincistarshop.com" rel="nofollow">http://www.vincistarshop.com</a> and please let me know as soon as possible as I'd like to have maintenance mode back on as soon as possible.</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-74007 Sat, 01 Sep 2012 23:54:03 +0000 Ismael 74007@http://www.kriesi.at/support/ <p>Hi,</p> <p>I would like to view your site in <a href="http://quirktools.com/screenfly/" rel="nofollow">http://quirktools.com/screenfly/</a> but it is on maintenance mode.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-73990 Sat, 01 Sep 2012 19:43:28 +0000 mimishkoumish 73990@http://www.kriesi.at/support/ <p><a href="http://www.vincistarshop.com" rel="nofollow">http://www.vincistarshop.com</a> </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-73989 Sat, 01 Sep 2012 19:42:53 +0000 mimishkoumish 73989@http://www.kriesi.at/support/ <p>It's vincistarshop.com</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-73922 Sat, 01 Sep 2012 07:17:28 +0000 Dude 73922@http://www.kriesi.at/support/ <p>Hi! </p> <p> Can you post a link to your website please? </p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-73717 Thu, 30 Aug 2012 21:31:39 +0000 mimishkoumish 73717@http://www.kriesi.at/support/ <p>That actually maxes out the size of just the menu bar, when I enter the script, it blows up the left menu navigation bar and cuts out everything else. Any other suggestions?</p> <p>Thank you!</p> <p>P.S. Awesome support so far!!! </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-73581 Thu, 30 Aug 2012 05:09:46 +0000 Dude 73581@http://www.kriesi.at/support/ <p>Hey! </p> <p> Try to add following code to header.php - insert it before the closing head tag:</p> <pre><code>&lt;!-- mobile setting --&gt; &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1, maximum-scale=1&quot;&gt;</code></pre> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-73574 Thu, 30 Aug 2012 04:00:27 +0000 mimishkoumish 73574@http://www.kriesi.at/support/ <p>Hi!</p> <p>Any further feedback on this issue?</p> <p>Thanks! </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-73455 Wed, 29 Aug 2012 12:23:11 +0000 Mya 73455@http://www.kriesi.at/support/ <p>Hi mimishkoum,</p> <p>Are you running the latest version of the Flashlight theme - 1.7? In the meantime, I'm going to flag the rest of the support team to this thread since I don't have an iPad or iPhone.</p> <p>Regards,<br /> Mya </p> http://www.kriesi.at/support/topic/display-on-ipad-iphone#post-73266 Tue, 28 Aug 2012 15:59:42 +0000 mimishkoumish 73266@http://www.kriesi.at/support/ <p>Hello,</p> <p>It seems like the screen is being cut on the right side when the website is viewed on mobile devices.<br /> How can I prevent this from happening? I really need for the entire website to show in its full dimensions on tablets and phones.</p> <p>Thank you! </p>