WPtouch

1 post

Going Mobile

I like the layout of this site, but it doesn’t translate well to mobile devices.

Desktop Site on Mobile

When I wrote the theme, I rendered the elements in percentage units, rather than as fixed measurements. As a result, resizing the window allows text to reflow naturally. On the mobile version of Chrome, this works well, as zooming the body text adjusts the flow. However, the sidebar and header text are nearly impossible to see. Firefox simply zooms in on the text, without adjusting the flow.

So, I’m left with several options. The first is to change the structure of the site to be more compatible with phones and tablets. That’s not very desirable, as it’s going to lose functionality on the desktop. The second is to serve up a different theme for mobile devices. This entails maintaining two different versions of the site. No thanks.

The third option involves a WordPress plugin called WPtouch.