Adding Apple Touch Icon To Your Mobile Skin

Go to your ACP->Look & Feel then find the mobile skin you'd like to use this for. Click the dropdown arrow and click Manage Templates & CSS. Once you open this and the screen loads Global Template should be opened. Now you need to find globalTemplate. Find this ending tag

</head>

and place this code right above it

<link rel="apple-touch-icon-precomposed" href="http://ift.tt/1uxeUtx">

        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">

        <link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">

        <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://ift.tt/1xbqXDx">

        <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://ift.tt/1uxeVxz">

        <link rel="apple-touch-startup-image" href="http://ift.tt/1xbqYYb" media="screen and (max-device-width : 320px)">

Now change my site with your site url and point the mobile skin into the directory your images will be. Like I have mine in mobile. Remember this can be any directory you'd like it to be in the sizes have to be exact or it will not work.