Forum Replies Created
October 24, 2013 at 4:17 pm in reply to: Private: Browser Jumping on Android Mobile Devices #2398
Thanks for checking. I know we are using the theme in a different way than it was intended (not fully responsive). It’s just too bad that we keep finding small bugs like this that make our use of the theme less than stable on certain platforms.
Thanks again,October 21, 2013 at 5:30 pm in reply to: Private: Browser Jumping on Android Mobile Devices #2348
Still haven’t completely fixed the issue – my guess is that it is only an issue on specific Android versions.
Let me know what you find with the newer versions.
It worked! Thank you so much for all your help. The site is almost done so hopefully I won’t be bothering you anymore 🙂
Copy/pasted this over lines 113 to the end of the document and it didn’t work. Breaks the site with an error in line 94 I believe.
I also had to add a few }}}} at the end for the code to validate.
Again – apologies. I think I’ve figured it out. Set the viewport info to the following:
<meta name=”viewport” content=”width=1200″>
This ensures the site loads perfectly (in Chrome) on both the iPads and the iPhones.
Safari still doesn’t display correctly in portrait mode (both iPads and iPhones) – but does in landscape. If you “pinch the site down” in portrait mode it automatically sizes correctly. So I think this is probably the best it’s going to get.
Apologies – didn’t realize I was asking for a very big thing. The Client simply wants the website to be visible on all devices the same way. In other words, on a tablet – the width of the screen both portrait and landscape. On the iPhone, the width of the iPhone screen in both portrait and landscape. My assumption was that this could be achieved by setting the outside container to be a set width in pixels – but then also shrink to 100% of the viewer size when it came to tablet and mobile.
I was a bit frustrated because the majority of the themes I purchase from Theme Forest nowadays are responsive, but have a check box in the theme options that allows me to turn the responsive feature on/off.
If there is no easy fix just let me know and I’ll figure something out.
I’m not getting good results. I’ve tried multiple variations of the “viewport” meta name. Some with device-width and some without but still having issues.
<meta name=”viewport” content=”width=device-width, initial-scale=.65, maximum-scale=1″>
This actually fixes it on the iPad 2 so that it looks great both in portrait and landscape.
Unfortunately it still won’t scale down for the iPhone 5 running iOS7.
And I’m worried that on things like the iPad 4 with retina display that it might look really small rather than filling the width of the viewport.
Is there no way to set it to be 100% width on any given device as the starting point?
The client is pretty picky about this so I may have to find a different theme! Which would stink given the hours I’ve put into it.
Any last minute thoughts?
No – sorry – was a private message to the developer about my personal site – sorry!