Mobile Phone Bookmark Icon Issue

Hello

One of the users on our forum has brought to my attention a problem they are experiencing with their mobile device. I don't use a mobile phone device so i am having trouble finding a solution. Ive searched the forumotion archive and all i found was a solution through the use of widgets but this causes errors in our forums display that i would like to avoid.

Basically the issue is this user has bookmarked the forum to his phone menu but it's appearing as a screenshot. This is the screenshot they sent me of their iPhone menu screen, they would prefer a static icon like the Twitter icon for example:


Is there something i can add to the CSS. file to fix this?

This is our forum - http://madge-tribe.forumotion.com/

PlayBeyond

Add this to your Templates if you have them, or your homepage message if you dont:

Code:

<link rel="apple-touch-icon-precomposed" href="LINKTOICON" />

if you want it to add gloss automatically use above, without gloss use below:

Code:

<link rel="apple-touch-icon" href="LINKTOICON" />

IMPORTANT

Your icon MUST BE:
57x57 pixels
90 degree corners
Does not have any shine or gloss
Does not use alpha transparency
MUST BE IN PNG FORMAT.

Do i delete all the spaces in the code?

Nope. Just add the code like you see.

Coddy wrote:Nope. Just add the code like you see.

Will this also work if i create a HTML or Javascript page with the code pasted in?

Only works in HTML page. Not in JS one.

Coddy wrote:Only works in HTML page. Not in JS one.

it would work in a javascript page.

Just add

Code:

document.write(HTML CODE)

Ok, thank you. Ill post back when i have feedback from someone on the forum that it's working.

just note that they may have to rebookmark it for it to show

I've just received some feedback that it is working. Thank you for your help.