But it no longer works. Anytime the app is added as a home screen bookmark to an Android or iOS device, the icon is now replaced by the default Knack icon. Any suggestions?
function ChangeFavicon() { var link = document.querySelector("link[rel*='icon']") || document.createElement('link'); link.type = 'image/x-icon'; link.rel = 'shortcut icon'; link.href = 'https://YOURURL/favicon.ico'; //path to your icon document.getElementsByTagName('head')[0].appendChild(link); }
Given that a web app has a fairly long URL for typing into a phone browser and the fact that it is likely password protected as well, any way to shortcut the loading process would be great. So getting clients to add the app to their home screen is key to adoption and usage but that being said having a custom icon for the home screen should be a setting option in Knack.
I'm trying to figure out how to make the favicon / shelf icon / smart device icon our company or event logo, would love to know if/when there is a solution.