Hi all,
We have a java script message that pops up when viewed on a mobile device asking the user to save a shortcut to their home screen.
The same icon has been used for the message as when I save to the home screen - the only difference is that the icon that saves to desktop has a white border.
The code for the icon:
// try to get the highest resolution application icon
if ( !this.applicationIcon ) {
if ( ath.OS == ‘ios’ ) {
this.applicationIcon = document.querySelector(‘head link[rel^=apple-touch-icon][sizes=“152x152”],head link[rel^=apple-touch-icon][sizes=“144x144”],head link[rel^=apple-touch-icon][sizes=“120x120”],head link[rel^=apple-touch-icon][sizes=“114x114”],head link[rel^=apple-touch-icon]’);
} else {
this.applicationIcon = document.querySelector(‘head link[rel^=“shortcut icon”][sizes=“196x196”],head link[rel^=apple-touch-icon]’);
}
}
- How do I have a different icon for the message and the home screen icon
- How do I remove the white border from the home screen icon
Thanks