Mobile Version
By Paul
12/03/11

Themes designed for desktop PCs tend to look bad on smartphones. For one thing, the width of a smartphone screen is much less. For another, mouseover actions shouldn't be relied on to identify links or such on a smartphone since there's no mouseover on a touchscreen. You may thus want your site to use a different theme for mobile users than for desktop/laptop users.

Go to Admin Panel -> Templates -> Theme Installer and install the theme named 'Mobile', making sure you first de-check all the boxes next to it so that it's not as a default or exclusive theme. It's designed to wrap well at small widths and underline all hyperlinks for easy identification. You can customize it to your site as desired at Admin Panel -> Templates -> Manage Templates after installing.

Next you need to determine who sees the mobile theme. Relying on people selecting it themselves would be clunky, so WSN allows you to force all specified web browser user agents to use the mobile theme. Go to Admin Panel -> Templates -> Manage Templates -> "Mobile Version". Here's a suggested list of user agents:
Mobile
iPhone
Android
BlackBerry
HTC
Nexus