Adding an iPhone icon
With the popularity of mobile phones and the use of the Internet on handheld devices, it can be worthwhile considering customizing your website to better allow mobile users to access your website.
Getting ready
Open your template's index.php file. You'll also need to create a graphic of 45 by 45 pixels to act as your icon.
How to do it...
Save the icon graphic as apple-touch-icon.png and upload it to the root directory of your Joomla! website. So, if Joomla! is installed at example.com, upload your file to example.com/apple-touch-icon.png.
How it works...
When displaying a website, an iPhone looks for the<link> element pointing to a suitable graphic for use as an icon, or a file called apple-touch-icon.png in the root directory of your website. This icon is then used on the iPhone's screen as a larger version of a favicon, should a visitor save a link to your website on their phone.
There's more...
There are a few options you have when creating an icon for iPhone users...
