-
Book Overview & Buying
-
Table Of Contents
-
Feedback & Rating
Joomla! 1.5 Templates Cookbook
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.
There are a few options you have when creating an icon for iPhone users...
Change the font size
Change margin width
Change background colour