Image icon of an offline link (Bookmark/Add to Homescreen in iPad)



I have a survey link that I’ve bookmarked or “Add to homescreen” on my iPad.  I was able to change the image of the icon to our company’s logo instead of SG’s logo by creating the image and adding to SG library.  Then added the following script to my survey’s Style->CSS.  This works for the online link version.

<link rel=”apple-touch-icon” href=””>

However, this does not work for the offline link version.  I added the offline link to my iPad homescreen and the icon would still show the SG logo.  

Does anyone out there know how to go about modifying this?  I’m thinking it’s something SG internal but wanted to ask just in case.




Dominic Sharpe answered

    Give this a try:

    #survey .ui-icon-sg, #home-button .ui-icon-sg {
    background: url(“your link here”) no-repeat scroll 0 -3px transparent;
    margin: 0;

    You would put this into the CSS on the Style page (not Head)

    I hope this helps!

    Dominic Sharpe answered


      Question stats

      • Active
      • Views3849 times
      • Answers1 answer
      • Followers1 follower