By Julie Kubiak on Wednesday, 31 January 2018
Posted in Technical Issues
Likes 0
Views 739
Votes 0
I’ve tried and tried and cannot get thumbnails to appear on iPhone or iPad. I don’t have an Android device to check.
There is no error saying the file is too large/small/wrong format, yet I had it working on my (very) old test site Masquerading.co.uk

Any suggestions?
To render proper favicon, it needs to be done on your Joomla template. I looked at protostar, and it seems like it doesn't support it. You could add the block of codes below into /templates/protostar/index.php within the <head> codes

[gist]
<link rel="apple-touch-icon" href="https://site.com/path/to/image.png"/>
<link rel="apple-touch-icon" sizes="57x57" href="https://site.com/path/to/image.png"/>
<link rel="apple-touch-icon" sizes="72x72" href="https://site.com/path/to/image.png"/>
<link rel="apple-touch-icon" sizes="76x76" href="https://site.com/path/to/image.png"/>
<link rel="apple-touch-icon" sizes="114x114" href="https://site.com/path/to/image.png"/>
<link rel="apple-touch-icon" sizes="120x120" href="https://site.com/path/to/image.png"/>
<link rel="apple-touch-icon" sizes="144x144" href="https://site.com/path/to/image.png"/>
<link rel="apple-touch-icon" sizes="152x152" href="https://site.com/path/to/image.png"/>
<link rel="apple-touch-icon" sizes="180x180" href="https://site.com/path/to/image.png"/>
[/gist]
·
Wednesday, 31 January 2018 17:30
·
0 Likes
·
0 Votes
·
0 Comments
·
Hi Mark,

Thanks for that. it jogged my memory as to how I achieved it (additional text taken from their Readme.txt file)

http://iconifier.net/
Upload your image and it creates all necessary files in the correct sizes and named according, nicely zipped for you.
On Joomla websites, copy the favicon.ico to your active template folder at: /templates/[your_template_name].
Most browsers will find the Apple icons in the root folder of your website, so upload the remainder there.
If your favicon.ico file isn't in the root folder, it's probably a good idea to place a copy in the root folder anyway as some web servers expect to see a favicon.ico file in this location and will add errors to the error log if the file is not found.

Many thanks
·
Monday, 05 February 2018 16:10
·
0 Likes
·
0 Votes
·
0 Comments
·
You are most welcome
·
Monday, 05 February 2018 18:06
·
0 Likes
·
0 Votes
·
0 Comments
·
View Full Post