not a support question
hotspot
Member
Hi,
I altered the design, and don't want the responsive ( so not: 'select page') option.
I tried different viewport settings but either the ipad or the iphone does not display correctly.
What i want is for the website to scale to the width of the device and the option to zoom in.
There is prob. a setting in the css that prevents this, spend hours on it. help!
hotspot
Member
Hi Ismael,
This is one of the websites that has this problem http://www.y u t r a i n.nl
Hope you know what is going on...
Nick
Moderator
Hi,
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?
You also write that you turned off responsive but you later speak of 'scale to the width of the device'.
Looking at your site, I still see it is responsive. All the media queries seem to be there.
So we can better help you, could you show an example website that has such behavior.
Thanks,
Nick
hotspot
Member
Hi Nick,
Thanks for your reply.
If you open at our website http://www.hotspotdesign.nl in iPad or iPhone you notice:
- when it loads it loads the width of the website in 'device width', so you see the website completely
- then the user has the option to zoom (also knows as pinch), so you can scale the website to be larger (zoom in)
Do you understand a bit better what i mean?
Devin
Moderator
Hi hotspot,
Make sure that when you go to the Them Options> Layout & Settings >Responsive Layout the option for that dropdown is set to "Fixed Layout".
This will prevent the site from responding to the users browser or device size and will let an ipad/tablet zoom into the content.
Regards,
Devin
Nick
Moderator
Hi,
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
Sorry for the delay.
Thanks,
Nick
Nick
Moderator
Thanks Dude! I am on top of this one.
As stated in email, you have one of your plugins injecting a second vieport meta directive on line 70 if you view source
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />in addition to the original which is on line 14
<meta name="viewport" content="width=device-width, user-scalable=yes, initial-scale=1" />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 '  ;' (without the empty space between the single quotes.)
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:
<meta name="viewport" content="width=device-width, initial-scale=1.0">Now open this page please https://github.com/scottjehl/iOS-Orientationchange-Fix/blob/master/ios-orientationchange-fix.js and copy that javascript and paste it in your footer.php right *before* the *closing body tag* ... </body>
Just dont forget to put it inside
<script type="text/javascript">
/* <![CDATA[ */
/*paste the code from url mentioned in previous sentence here */
/* ]]> */
</script>Or you can use this plugin by Ben Wong , though I haven't tested it, but it seems to be doing the same thing.
http://benwong.me/downloads/ios-orientation-change-bug-workaround.zip
Thanks,
Nick
You must log in to post.
Please start by registering an account for this forum here
Create a new thread and tell me what problems you are encountering and what you want to know.
There is no step 3 :)
We try to answer all questions within a day, monday-friday.
