Designing stylesheets for mobile devices

There are a number of common features that you can use across your styles for various mobile platforms.

Getting ready

If you don't have a mobile device to test your Joomla! template on, there are a number of online simulators for mobile browsers. One of the more popular mobile browsers is Opera Mini (http://www.operamini.com). The Opera Mini simulator is available online at http://www.opera.com/mobile/demo/.

Once you have read and accepted the End User License Agreement (EULA), you're free to type the address of your Joomla! website into the address bar provided.

Note

Note that you will need Java installed to use the Opera Mini simulator, which you can get at http://www.java.com/en/download/index.jsp.

How to do it...

There are a few factors that need considering when designing for mobile devices:

• The width of the screen is limited

• Mobile devices' support for certain elements we take for granted in web design for the screen are not necessarily supported...