Why is my favicon not showing on Safari?

Brendiax · ‎02-26-2024

Hey everyone,

I could use some help with my Shopify store's PNG favicon. Strangely, it's not showing up on Safari when I access my site from my Mac, but it's visible on Chrome without any issues. I've already tried clearing my cache and using a private browser, but the favicon still refuses to appear. I uploaded the favicon through theme settings, and my current theme is Origin. If anyone has any insights or suggestions, I'd greatly appreciate it!

You can check out my store at https://velleather.com/.

Thanks in advance!

sanico-software · ‎02-26-2024

Hi Brendiax,

I know you said you cleared your cache but it may still be cached in a spot you haven't noticed yet! In any case, I can confirm your favicon appears both on my Mac Safari and iPhone Safari versions. There is no issue I can see from my side and it may be an internal issue.

I have attached a couple images confirming what I see - hope this helps!

Dom Tripodi | Sanico Software
I am a Software Engineer and Shopify Expert based in Adelaide, Australia. I build ecommerce websites with Shopify for local and international businesses. If you want to take your Shopify store to the next level, send me a message. Check out Sanico Software here.

Brendiax · ‎02-27-2024

Thanks, I see it's working now. Seems like I cleared my cache wrong. Upon further investigation I found the correct method and now all is good again.

Many thanks!

SBRacing · ‎12-06-2024

still dumfounded no one posted a solution, here ya go

- label your favicon .png (100x100px) "apple-touch-icon.png" save your favicon in your content area

- go into theme.liquid code

- right under <head> paste this code:

- save website as bookmark and there it is

Why is my favicon not showing on Safari?

Why is my favicon not showing on Safari?

Community Blog Articles