A space to discuss online store customization, theme development, and Liquid templating.
Hello Shopify Community,
I'm facing an issue with the favicon on my Shopify website. I have followed the steps recommended by Shopify, including adding the favicon to the "Themes" section of my Shopify admin and editing the code in my theme.liquid file, but the favicon is still not appearing on my website.
I'm using the Dawn theme 9.0 and have only installed one third-party app which is "search discovery" that should not be interfering with the favicon. I have also checked the file format and size of my favicon, and it meets the recommended guidelines.
The Favicon is appearing only on Mozilla FireFox Browser only
The website that I'm working on: www.jd-trades.com
The code I'm using:
<link rel="shortcut icon" type="image/x-icon" href="https://lh3.googleusercontent.com/pw/AJFCJaX0ADIx9LBffSj2dvxDaqes0xg-SqitDer8Ooz60FjaAyJp0wWAt7g90c0qgjksNEfNCjtFG63KkkhGEhfXH40UsANak484L-aIowIUCQTwEwSXNBv_vmTRrln1p4jGYbBnJr3ZegjkdSIzgvFum00g=w256-h200-s-no?authuser=0"> {% if settings.favicon != blank %} <link rel="shortcut icon" href="{{ settings.favicon | img_url }}" type="image/x-icon"> {% endif %}
Hello @JadTibi
Adding Favicon to your DAWN theme can be done in a simple way rather than adding code. If you want i can help you carry out this simple task. Just send me your store URL so I can ask for access from my Shopify partner account. You can just give me access to the theme customization. That's all I need.
Also, send your LOGO as well.
Yeah I know the easy way bro
as you can see, my logo is already applied
so it's only working on Mozilla FireFox Browser
Try to check if your favicon size is wrong. Google has that need to be followed when adding favicons to your site. One of them is that the icon size needs to be in multiples of 48 and it cannot be 16×16. If your icon size is 16 x16, it will not show.
If you are still facing the same issues, I could help you with this, IF YOU DON'T MIND.