StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

POWordpress theme mangled on Mobile Safari
text
Body
copied!<p>I am trying to translate a site theme so it looks similar on a mobile device. The only devices I have to test on right now are iOS devices: an iPhone and a Gen 3 iPod Touch. The iPhone is higher resolution (Retina). </p> <p>When I visit a site I'm working on ( <a href="http://diynamic.net/dev/jetcityairtours" rel="nofollow">http://diynamic.net/dev/jetcityairtours</a> ), the theme renders the page width across only half the iDevice's total screen width, but with some elements floating out the way they do on the Chrome browser on PC. The whole site would be great if I could get the background div and the menus to render full width on the page - it'd be perfect!</p> <p>I have the wordpress mobile</p> <p>My questions are: Why is the theme getting mangled? Is there a "view-source" option for iOS Safari? Is there another trouble-shooting solution for developing themes for iOS in particular, mobile in general? and: Do other people see this same effect on non-iOS devices (maybe not the right place to ask this last question).</p> <p>I have a horribly ugly mobile theme in place via Wordpress Mobile Pack - just default. If you're interested in testing on mobile, please go to the non-mobile theme, link at the bottom.</p> <p>I am aware of screen emulator plug-ins in Chrome and Firefox, but I am not aware of user-agent spoofing / emulating on a desktop platform. </p> <p>I'm not sure if I should be posting only one question per "Question", so apologies if this is not appropriately segregated.</p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload