Why Is My Favicon Not Showing? - Shopify Dawn Theme

Why Is My Favicon Not Showing? - Shopify Dawn Theme

Zeb2
Visitor
3 0 0

Hello!

 

As the title implies, we're having issues with our site's favicon not showing. We already tried adding the favicon the easy way (via the 'Theme Settings' in 'Customize'), and manually (via adding the code in theme.liquid).

 

Website URL: https://www.thealchemistskitchen.com/

Favicon File Name: FaviconTAK48.png

Favicon Size: 48 x 48 px (someone said Google only accepts multiples of 48 in favicon)

Code in theme.liquid in the <head> section: <link rel="shortcut icon" href="{{ 'FaviconTAK48.png' | asset_url }}" type="image/png" />

 

That's all we've done so far. Any kind of advice would be greatly appreciated. 🙏

 

- - - -

 

Screen Shot 2024-05-30 at 04.07.10.png

 

Screen Shot 2024-05-30 at 04.07.44.png

 

Replies 4 (4)

SealSubs-Roan
Astronaut
866 66 85

Hi @Zeb2 !

 

Try to replace the theme code you added for favicon to: <link rel="shortcut icon" href=favicon link"" type="image/png" />

 

Then, replace the "favicon link" to the favicon file link, and not file name. You can get the favicon file link on your admin page >content >files >link logo.

SealSubsRoan_0-1717080838717.png

 

 

Roan
Please let me know if it works by marking it as a solution!
Seal Subscriptions App, a subscription app for Shopify, with glowing user testimonials and a free plan.
Zeb2
Visitor
3 0 0

Hello!

 

Thank you for your reply and advice. Unfortunately, it didn't work for us. The favicon still refuses to show up. 😅

 

Screen Shot 2024-06-03 at 04.50.23.png

 

Screen Shot 2024-06-03 at 04.53.32.png

 

hfound
Excursionist
23 0 4

Did you get this fixed?  I just fixed mine with the below code:

 

{%- if settings.favicon != blank -%}
<link rel="icon" type="image/png" href="{{ settings.favicon | image_url: width: 32, height: 32 }}">
{%- endif -%}

 

Just go into your theme.liquid code, search "favicon", delete old code and replace with the above.  Worked like a charm for me!  

Zeb2
Visitor
3 0 0

Hey,

 

We haven't found the solution actually. We've lit it sit as it was, and strangely some days the favicon shows, some days it doesn't. We don't really know at this point. We've tried your suggestion, but it didn't work still. Thank you for sharing it tho! It might help other people who have the same issue.

 

Thanks again!