Creating a mobile stylesheet
Once you have specified a mobile stylesheet for your Joomla! template, you'll need to create a suitable mobile stylesheet. Things to remember when creating a mobile stylesheet are:
Screen width is limited, so it's best to keep your website to a single column of content
Large images and photographs will slow down the loading of your website for devices that may have a slower connection than most computers, and can be a barrier to your visitors reading content on your website
Ensure the colors that you use are sufficiently different, as screen glare (for example, from the Sun) can mean that your design appears paler than on your computer monitor
Getting ready
Create a new CSS file in the templates\rhuk_milkyway\css\ directory called handheld.css.
How to do it...
1. The style for handheld devices can be similar to the style for print; the aim is to minimize clutter and unnecessary content for each page. As such, you'll add this CSS to the
handheld.cssfile that you...
