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.
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.
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
.
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.