Why isn't my new favicon showing up on the web version?

[gyggle]

Hi. I've changed my favicon, and on my mobile version the favicon reflects, but on the web version it doesn't. Another issue is that I am aware that the favicon needs to be multiplicities of 48x48 px to allow my favicon to show up as an icon on google suggested web sites on mobile. Could anyone please assist me with this issue?

My website is https://gyggle.nl

Below is my new favicon.

Below is the old favicon:

[Anonymous · Accepted solution]

Hey @gyggle 

Follow steps 

Online Store>Themes>edit code

Open theme file and check for the code, if this code is not there then paste it.

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

see the screenshot for reference

If you are unable to implement the same then I'm happy to do this for you, let me know. I can implement the code changes so that this will work well for you.

Hopefully, it will help you. If yes then Please don't forget to hit Like and Mark it as the solution!

[gyggle]

Thank you so much.

[rosesdelfuego]

Hello!

I had my favicon working for months and now it's gone. I checked the code and it's there. Can you please advise?

rosesdelfuego.com

Thank you so much!

[lf]

can you do this for me ?

[Rahul_dhiman]

Hello @lf ,

I think you can try this app .

https://apps.shopify.com/pwc-fav-tab-upsell

This helps in changing the favicon and also animate that once a person leaves the tab