Join us for an upcoming Shopify Partner webinar on February 27, 2024. Discover the latest Checkout Extensibility features, and deep dive on improvements to Shopify Functions and Web Pixels. Register now for either the 10am EST or 2pm EST sessions.

Favicon not appearing although I'm using a good code

JadTibi
Visitor
2 0 0

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 %}

 

 

 

Replies 3 (3)

Erik_Miller
Shopify Partner
13 0 1

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.

 

I am happy I was able to offer a solution. If you need me to help you OR you do not understand what I am trying to say, kindly message me.
JadTibi
Visitor
2 0 0

Yeah I know the easy way bro

JadTibi_0-1682353056098.png

as you can see, my logo is already applied

 

so it's only working on Mozilla FireFox Browser

Erik_Miller
Shopify Partner
13 0 1

@JadTibi 

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.

I am happy I was able to offer a solution. If you need me to help you OR you do not understand what I am trying to say, kindly message me.