http://www.kriesi.at/support/tags/viewport Support Forum - Tag: viewport - Recent Posts en-US Thu, 23 May 2013 21:53:58 +0000 http://bbpress.org/?v=1.0.2 q http://www.kriesi.at/support/search.php http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-88012 Thu, 13 Dec 2012 12:15:10 +0000 Nick 88012@http://www.kriesi.at/support/ <p>Thanks Dude! I am on top of this one.</p> <p><hr /></p> <p>As stated in email, you have one of your plugins injecting a second vieport meta directive on line 70 if you view source<br /> <pre><code>&lt;meta name=&quot;viewport&quot; content=&quot;initial-scale=1.0, user-scalable=no&quot; /&gt;</code></pre> <p>in addition to the original which is on line 14<br /> <pre><code>&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, user-scalable=yes, initial-scale=1&quot; /&gt;</code></pre> <p>You will need to edit the plugin that is doing that (i suspect the social plugin, as it is also throwing an error for using a bad google+ jquery ) and change the above meta tag so that the plugin just inject a single space '&amp;nbsp ;' (without the empty space between the single quotes.)</p> <p>You will also need to edit your header.php file and remove the above viewport on line 14 of source (though its probably on a differnt line, should be easy enough to find) and delete it. Paste the line below in its place:<br /> <pre><code>&lt;meta name=&quot;viewport&quot; content=&quot;width=device-width, initial-scale=1.0&quot;&gt;</code></pre> <p>Now open this page please <a href="https://github.com/scottjehl/iOS-Orientationchange-Fix/blob/master/ios-orientationchange-fix.js" rel="nofollow">https://github.com/scottjehl/iOS-Orientationchange-Fix/blob/master/ios-orientationchange-fix.js</a> and copy that javascript and paste it in your footer.php right *before* the *closing body tag* ... &lt;/body&gt;</p> <p>Just dont forget to put it inside </p> <pre><code>&lt;script type=&quot;text/javascript&quot;&gt; /* &lt;![CDATA[ */ /*paste the code from url mentioned in previous sentence here */ /* ]]&gt; */ &lt;/script&gt;</code></pre> <p>Or you can use this plugin by Ben Wong , though I haven't tested it, but it seems to be doing the same thing.<br /> <a href="http://benwong.me/downloads/ios-orientation-change-bug-workaround.zip" rel="nofollow">http://benwong.me/downloads/ios-orientation-change-bug-workaround.zip</a></p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-87985 Thu, 13 Dec 2012 07:44:58 +0000 Dude 87985@http://www.kriesi.at/support/ <p>Please resent Nick the url. Personally I'm unable to reproduce the issue with an ipad/ipod, etc. because I don't own such a device. Flagship works fine on my Android 4.0 phone though. I'll tag this thread for Nick. </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-87965 Thu, 13 Dec 2012 06:40:33 +0000 hotspot 87965@http://www.kriesi.at/support/ <p>Hee guys still no solution, any other moderator who can help me out? </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-87694 Tue, 11 Dec 2012 21:37:59 +0000 Nick 87694@http://www.kriesi.at/support/ <p>Hi,</p> <p>I have nothing from you but your email asking if I received an email which I initially deleted until I saw this post. Your first email never arrived.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-87604 Tue, 11 Dec 2012 13:34:56 +0000 hotspot 87604@http://www.kriesi.at/support/ <p>Hi nick i emailed you yesterday morning, can you reply? </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-87196 Sun, 09 Dec 2012 14:00:21 +0000 Nick 87196@http://www.kriesi.at/support/ <p>Hi,<br /> Please provide us with a url in order for us to look at the changes you made to the code. So far we understand you customized the themes to partially remove the responsive aspect of the design and are experiencing issues with portrait / landscape transiton in mobile ios6 devies. If you would like please mail me the URL to usjahm (aaatttt) gmail (dddooottt) com</p> <p>Sorry for the delay.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-86944 Fri, 07 Dec 2012 13:46:04 +0000 hotspot 86944@http://www.kriesi.at/support/ <p>sorry im so impatient, but its very urgent, any help is well appreciated. </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-86916 Fri, 07 Dec 2012 08:02:16 +0000 hotspot 86916@http://www.kriesi.at/support/ <p>we did turn the option off in flagship but it is not working!<br /> PLease help this very urgent, the website is allready live!</p> <p>please email me julia [at] hotspotdesign.nl so i can email you the url (i cannot post it here) </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-86817 Thu, 06 Dec 2012 16:41:55 +0000 Devin 86817@http://www.kriesi.at/support/ <p>Not all of the themes have the option to turn off the responsive design. For the one using Flagship you just need to simply turn the option off.</p> <p>For the other, we'll need to know what theme it is using specifically to go forward.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-86776 Thu, 06 Dec 2012 10:32:11 +0000 hotspot 86776@http://www.kriesi.at/support/ <p>Hi Devin,</p> <p>It has that setting for one site. THe other site is the one of your other themes i used (not flagship) and does not has that option (only the option 'boxed layout'). But both have the same problem.</p> <p>Hop you know what is going on. </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-86719 Thu, 06 Dec 2012 06:03:12 +0000 Devin 86719@http://www.kriesi.at/support/ <p>Hi hotspot,</p> <p>Make sure that when you go to the Them Options&gt; Layout &amp; Settings &gt;Responsive Layout the option for that dropdown is set to "Fixed Layout".</p> <p>This will prevent the site from responding to the users browser or device size and will let an ipad/tablet zoom into the content.</p> <p>Regards,</p> <p>Devin </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-86594 Wed, 05 Dec 2012 09:28:37 +0000 hotspot 86594@http://www.kriesi.at/support/ <p>Hi Nick,</p> <p>Thanks for your reply.<br /> If you open at our website <a href="http://www.hotspotdesign.nl" rel="nofollow">http://www.hotspotdesign.nl</a> in iPad or iPhone you notice:<br /> - when it loads it loads the width of the website in 'device width', so you see the website completely<br /> - then the user has the option to zoom (also knows as pinch), so you can scale the website to be larger (zoom in)</p> <p>Do you understand a bit better what i mean? </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-86591 Wed, 05 Dec 2012 08:48:57 +0000 Nick 86591@http://www.kriesi.at/support/ <p>Hi,</p> <p>I apologize, but I don't understand what you mean by " the option to zoom in." I am picturing a magnifying glass over WooCommerce plugin shop item images but I think you meant something else?</p> <p>You also write that you turned off responsive but you later speak of 'scale to the width of the device'.</p> <p>Looking at your site, I still see it is responsive. All the media queries seem to be there.</p> <p>So we can better help you, could you show an example website that has such behavior.</p> <p>Thanks,</p> <p>Nick </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-86476 Tue, 04 Dec 2012 17:47:04 +0000 hotspot 86476@http://www.kriesi.at/support/ <p>any solutions? </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-86259 Mon, 03 Dec 2012 08:13:23 +0000 hotspot 86259@http://www.kriesi.at/support/ <p>Hi Ismael,</p> <p>This is one of the websites that has this problem <a href="http://www.y" rel="nofollow">http://www.y</a> u t r a i n.nl</p> <p>Hope you know what is going on... </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-86238 Mon, 03 Dec 2012 03:21:38 +0000 Ismael 86238@http://www.kriesi.at/support/ <p>Hi hotspot,</p> <p>Can you post a link to your site? so we can check it further.</p> <p>Regards,<br /> Ismael </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-86168 Sun, 02 Dec 2012 11:06:56 +0000 hotspot 86168@http://www.kriesi.at/support/ <p>anyone? </p> http://www.kriesi.at/support/topic/ipadiphone-viewport-page-not-displaying-correctly#post-86031 Fri, 30 Nov 2012 17:32:25 +0000 hotspot 86031@http://www.kriesi.at/support/ <p>Hi,</p> <p>I altered the design, and don't want the responsive ( so not: 'select page') option.<br /> I tried different viewport settings but either the ipad or the iphone does not display correctly.</p> <p>What i want is for the website to scale to the width of the device and the option to zoom in.</p> <p>There is prob. a setting in the css that prevents this, spend hours on it. help! </p> http://www.kriesi.at/support/topic/viewport-on-mobile-devices#post-65548 Sat, 14 Jul 2012 05:29:56 +0000 Dude 65548@http://www.kriesi.at/support/ <p>Hi! </p> <p> Sure - we'll do that :) </p> <p> Best regards,<br /> Peter </p> http://www.kriesi.at/support/topic/viewport-on-mobile-devices#post-64600 Mon, 09 Jul 2012 21:24:21 +0000 makakaka 64600@http://www.kriesi.at/support/ <p>Hey Peter!<br /> Kind of works... the content is now above halv of my right sidebar. Guess that is because I'm not an expert on CSS :-)</p> <p>Thanks for now. Keep us all posted when Flashlight is upgraded to a mobile verison, like for instance <a href="http://themes.goodlayers.com/incidental/" rel="nofollow">http://themes.goodlayers.com/incidental/</a>.</p> <p>Best regards,<br /> Mattias </p> http://www.kriesi.at/support/topic/viewport-on-mobile-devices#post-64458 Mon, 09 Jul 2012 06:58:03 +0000 Dude 64458@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/layout-on-android#post-64450 Mon, 09 Jul 2012 06:34:02 +0000 Dude 64450@http://www.kriesi.at/support/ <p>Hey! </p> <p> Which version of Flashlight are you using? Kriesi made some css code changes in the latest version (v1.7) which affect mobile devices too. We'll discuss the viewport issue, etc. here: <a href="http://www.kriesi.at/support/topic/viewport-on-mobile-devices" rel="nofollow">http://www.kriesi.at/support/topic/viewport-on-mobile-devices</a></p> <p> Regards,<br /> Peter </p> http://www.kriesi.at/support/topic/viewport-on-mobile-devices#post-64402 Sun, 08 Jul 2012 21:17:59 +0000 makakaka 64402@http://www.kriesi.at/support/ <p>Hi again!<br /> I have another question which I guess have to do with viewport or similar.</p> <p>In my own template I have made the content 130 px wider. Thus I needed to move the right sidebar another 130 px to the right. This went "well" but the problem is that in all mobile devices (iPad, iPhone or Android). You can see the test page at <a href="http://nyfantasticfrank.se.preview.binero.se/kopa-bostad/" rel="nofollow">http://nyfantasticfrank.se.preview.binero.se/kopa-bostad/</a> .</p> <p>What do I need to change to allow to view the full page in a mobile device?</p> <p>Thank you very much in advance,<br /> Mattias </p> http://www.kriesi.at/support/topic/layout-on-android#post-64401 Sun, 08 Jul 2012 21:08:33 +0000 makakaka 64401@http://www.kriesi.at/support/ <p>Hi,<br /> Love this theme! Works perfectly well on big screens and iPad. I think it is okay on the iPhone - it does the job. But it is truly terrible on my Samsung Google Nexus on Android 4.1 (or whatever :-) ).</p> <p>The content scrolls under the left menu. So that the only thing you see is the left menu :/.</p> <p>I realize this theme won't be responsive by soon. But I think it shouldn't be that hard for Kriesi to make it work on Android as well?</p> <p>Or do anyone out there have an idea?</p> <p>(I have seen similar request in the forum but no answer yet?) My question is not to make the theme responsive, only to make the left meny NOT to hoover above the content... it must be possible with a few lines CSS... or some "viewport"-customization :-)</p> <p>Thank you very much in advance! </p>