XF 1.2 ipad/iphone home screen icon is Xenforo instead of mine!

[craigiri]

Users have reported that whereas before, the "home screen" bookmark to my site was a picture of the page, it is now the blue xenforo logo.

I tried it on my iphone and they are correct.

I already tried following some web instructions and putting a specially named icon in the root and xf directory.

Does anyone know where this icon is coming from?

Reference: http://www.apple.com/ios/add-to-home-screen/

 

[AndyB]

It's a style property search admin cp for ogLogoPath

Thanks, Chris.

Admin CP -> Appearance -> Styles -> Default Style -> Style Property Groups -> Facebook Open Graph Logo -> styles/default/xenforo/logo.og.png

 

[marcv]

Thanks, Chris.

Admin CP -> Appearance -> Styles -> Default Style -> Style Property Groups -> Facebook Open Graph Logo -> styles/default/xenforo/logo.og.png

View attachment 55942

I looked for the Facebook Open Graph Logo under Admin CP -> Appearance -> Styles -> Default Style -> Style Property Groups ->

It isn't there in the latest version of XF. Am I missing it somewhere?

 

[AndyB]

Sorry I copied the breadcrumb which doesn't show the path correctly. Follow this instead:

Admin CP -> Appearance -> Styles -> Default Style - Style Properties -> Header and Navigation -> Facebook Open Graph Logo -> styles/default/xenforo/logo.og.png

 

[ge66]

Have apple shanged how the do this, I just tested and it became a screenshot of my site on the ipad2 homescreen?

 

[Jeremy]

They may have, yes.

 

[sforum]

Sorry for dredging up an old thread, but it seemed appropriate.

Current advice on the Internet suggests creating 4 different PNGs as per this table:

60×60    -    iPhone / iPod
120×120    -    iPhone / iPod Retina
76×76    -    iPad
152×152    -    iPad Retina

One would then add the following to the HTML head:

<link href="http://www.yoursite.com/apple-touch-icon.png" rel="apple-touch-icon" />
<link href="http://www.yoursite.com/apple-touch-icon-76x76.png" rel="apple-touch-icon" sizes="76x76" />
<link href="http://www.yoursite.com/apple-touch-icon-120x120.png" rel="apple-touch-icon" sizes="120x120" />
<link href="http://www.yoursite.com/apple-touch-icon-152x152.png" rel="apple-touch-icon" sizes="152x152" />

Should I be doing this (e.g. adding the above code to PAGE_CONTAINER) for best results? Or if I add a high resolution PNG to styles/default/xenforo/logo.og.png is that enough, and XenForo will scale it appropriately depending on the device (e.g. if an iPad Retina user adds it to their home screen, they get a 152x152 icon)?

Thanks.