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

Store Design
, ,

Topic summary

Issue: A merchant changed their Shopify store’s favicon; it updates on mobile but not on the desktop web version. They also want sizes in multiples of 48×48 px so the icon appears in Google’s suggested sites on mobile.

Proposed fix: A responder advises editing the theme code (Online Store > Themes > Edit code) and ensuring the favicon is referenced in the theme’s head using the settings.favicon variable. A sample conditional snippet and a screenshot are provided as guidance. Assistance to implement was offered.

Related reports: Another merchant says their previously working favicon disappeared despite the code being present and requests advice (site: rosesdelfuego.com). A different user asks for hands-on help. Another participant suggests a Shopify app (pwc-fav-tab-upsell) that can change and animate the favicon when a user leaves the tab.

Assets: Images of the new and old favicon were shared; they are illustrative but not required to follow the steps.

Status: OP expressed thanks; resolution not explicitly confirmed. Additional cases remain unresolved.

Summarized with AI on December 13. AI used: gpt-5.
1

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.

gyggle_0-1709814523404.png
gyggle_0-1709814523404.png409×489 82 KB

Below is the old favicon:

gyggle_1-1709814629086.png

2

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

see the screenshot for reference

deepaksharma_0-1709815709935.png
deepaksharma_0-1709815709935.png1255×764 78.1 KB

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!

1 Like
3

Thank you so much.

4

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?

Thank you so much!

5

can you do this for me ?

6

Hello @lf_2 ,

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