How do I add a Favicon image to Mobius theme?
If you’ll notice the source of the output you’ll see the following:
<link rel="shortcut icon" href="http://yourdomain.com/wp-content/themes/st-mobius-child/images/favicon.ico">
<link rel="apple-touch-icon" href="http://yourdomain.com/wp-content/themes/st-mobius-child/images/apple-touch-icon.png">
<link rel="apple-touch-icon" sizes="72x72" href="http://yourdomain.com/wp-content/themes/st-mobius-child/images/apple-touch-icon-72x72.png" />
<link rel="apple-touch-icon" sizes="114x114" href="http://yourdomain.com/wp-content/themes/st-mobius-child/images/apple-touch-icon-114x114.png" />
These images represent your favicon as well as large icons for mobile devices (such as when a user adds your site to his/her home screen). You can simply upload and replace these images located at:
Note: Google Chrome also looks for a favicon at yourdomain.com/favicon.ico so it’s a good idea to drop a copy of favicon.ico in your site root for safe measure.
Here you can download a PSD/Fireworks template for creating your favicon images: