Specifying a separate stylesheet for mobile browsers
You can accommodate your website's visitors using mobile devices to view your website by specifying a separate mobile stylesheet.
Getting ready
Open your template's index.php file and locate the<head> section.
How to do it...
1. Insert the following HTML into the
<head>element of theindex.phpfile:<head> <!-- some code omitted --> <link rel="stylesheet" href="<?php echo $this->baseurl ?>/templates/rhuk_milkyway/css/handheld.css" type="text/css" media="handheld" /> </head>
2. Once you have uploaded the file to your server, visitors on handheld devices should now see the style defined in your
handheld.cssfile.
Note
Testing your handheld stylesheet
If you want to view a simple approximation of what your website will look like on a mobile device, you can use Firefox's Web Developer add-on, available at https://addons.mozilla.org/en-US/firefox/addon/60. Alternatively, Opera Mini, a common mobile browser...
