Apple touch icon

Busarna4 · December 16, 2013, 4:03pm

Hello!

I’m trying to add a home icon for apple devices on my website but it won’t work…

here’s the code:

<!doctype html>

<!-- Jquery -->
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>

<!-- Add to home (shortcut for iPhone users to add the app to their homescreen) -->
<script src="js/add2home.js" type="text/javascript"></script>

<script src="js/standard.js" type="text/javascript"></script>

<?php include("topbar.html"); include("leftbar.html"); ?>

Do anyone know why it isn’t working? the pic is 160x160 pixels big.

Thanks in advance!

astonecipher · December 27, 2013, 7:13pm

You need to look at media queries.

http://www.w3schools.com/CSS/css_mediatypes.asp

jasom · March 31, 2014, 2:51pm

This is sample from one well made news site, so maybe it can help

<link rel="apple-touch-icon" sizes="57x57" href="http://c.example.com/imgs/touch-ico/sme/apple-touch-icon-precomposed.png" />
<link rel="apple-touch-icon" sizes="72x72" href="http://c.example.com/imgs/touch-ico/sme/apple-touch-icon-72x72-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://c.example.com/imgs/touch-ico/sme/apple-touch-icon-114x114-precomposed.png" />
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://c.example.com/imgs/touch-ico/sme/apple-touch-icon-144x144-precomposed.png" />