Website Bookmark/ Shortcut Icon For Android Help. Cant Get Passed Standard Ribbon Icon

I have a website with a mobile version and I am trying to get it so that when someone chooses to Bookmark the website or 'Add to home screen' it will save an Icon to the home scree

Solution 1:

The entire issue was because the website was .htaccess password protected for testing purposes during design and development. All I had to do was move the folder that contained all icons outside of the password protected directory!

The following code is what I used and is now working:

<linkrel="apple-touch-icon"sizes="144x144"href="http://m.mydomain.com/touch-icon-ipad-retina.png" /><linkrel="apple-touch-icon"sizes="114x114"href="http://m.mydomain.com/touch-icon-iphone-retina.png" /><linkrel="apple-touch-icon"sizes="72x72"href="http://m.mydomain.com/touch-icon-ipad.png" /><linkrel="apple-touch-icon"href="http://m.mydomain.com/touch-icon-iphone.png" /><metaname="apple-mobile-web-app-capable"content="yes" /><metaname="apple-mobile-web-app-status-bar-style"content="black" />