Adding a bookmark icon for Apple touch products

Site URL: https://www.lavender0lilacs.com

Hello,

I'm trying to add a custom icon that will show up when my website is saves as a home screen bookmark on devices like an iPhone. 

I've followed these directions: https://support.squarespace.com/hc/en-us/articles/205815228-Adding-a-site-icon-on-iOS-devices

So far I've managed to get my icon to show up if I add the bookmark to favorites on iOS Safari, but no luck with the homescreen. My image is a 150x150 png, and this is the  code I've added to the header portion of the code injection:

<!-- Apple touch icon -->
<link rel="apple-touch-icon" href="/s/apple+icon.png"> 

Any suggestions?

Were you able to get this figured out? I'm trying to do the same thing with no luck

Hi - I am trying to do the same thing on 7.1 with a basic account. Can anyone help. I've tried the Squarespace instructions referenced above using a code injection instead but it did not work. Thank you!

Photos of what shows up now and the favicon I would like to appear insteads. 

23 hours ago, BrownKatUK said:

I am trying to [add an Apple Touch icon] on 7.1 with a basic account.

It depends what you mean by a "basic account". If you mean that the website is on a Personal plan, it won't be possible to do this because Squarespace block the code on these cheaper plans. If you have a Business plan or above, you can following the instructions in this guide:

Adding a site icon on iOS devices

  If this post has helped you, please click a 'Like' or 'Thanks' icon below  ⬇️