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
Create a new CSS file in the templates\rhuk_milkyway\css\
directory called handheld.css
.