Why isn't my Apple Touch Icon displaying on Apple devices?

Technical Q&A
1

Hi everyone,

My Shopify theme: Broadcast

My issue concerns my Apple Touch Icon.

In fact, my favicon is correctly displayed on browsers, but my Apple Touch Icon is not shown on Apple devices.

I found the correct code in my theme.liquid file:

{% if settings.favicon %}> **> {% endif %}

…and of course a favicon image is already selected, but it doesn’t work.

I also tried to add this line to the original code:

**

…but nothing more happened.

What do I need to do to enable this Apple Touch Icon?

Thanks a lot!

2

Hi @LauraH2O ,

Please try changing the image to .ico and then upload it at Assets. For example: icon-favicon.ico

And change code:

Hope it helps!

3

Hi,

Thank you so much for your reply! Your solution works perfectly!

In fact, I kept the .png format of my favicon file, but I only added it to Assets and changed my code by the following, and it works like a charm.

Is there an advantage with the .ico format?

Thanks a lot!

4

Hi @LauraH2O ,

With .icon, it will default to be interpreted as the file to display the site’s icon and display at Favicon, with other formats, you need to declare more for it, like ‘shortcut icon’.

Hope it is clear to you.