Need help optimizing site for iOS/mobile

[DaveTheRave]

Hi...I am a self-hosted Wordpress blog novice. Last week I created a blog for my wife. It looks great on my MacBook using Safari and my wife's old Thinkpad laptop running an outdated version of IE.

However it looks too narrow on my iPhone 4S and on an iPad. Often it looks like the site is only filling up the left side of the screen, even in landscape mode. I noticed that Macrumors looks great on iOS, same formatting/width and appearance as when viewed on a pc screen. How can I configure this for my site? My site is running Wordpress version 3.3.1 and is using the Chateau theme. Any advice would be appreciated. Thank you.

 

[Hansr]

This is the easiest no brainer option: http://wordpress.org/extend/plugins/wptouch/

Alternatively you can use a theme switcher that shows another theme for iOS devices. The plugin does this automatically though.

 

[DaveTheRave]

Hmm interesting, but it looks like it will change the look and feel of the site. I was hoping to find a solution that really just fills the iOS screen the same way it does on a pc or Mac. But thanks for trying to help.

 

[Hansr]

For that you need to edit the css to use media tags or create a separate css for the respective devices: http://broadcast.oreilly.com/2010/04/using-css-media-queries-ipad.html

 

[DaveTheRave]

Okay thanks. I'll check it out. Also just noticed I'm using the 1.0 version of the theme. I think the author sells a 2.0 version. I may try that too.