Why isn't my favicon displaying on my website?
Hi everyone,
As the title mentions, I'm having trouble adding my small logo as a favicon in the browser tab view. At one point earlier today, I was able to successfully add the favicon (super easy to do under customize theme > theme settings > logo > favicon) but unfortunately it disappeared a few hours later. My settings still show that the favicon is uploaded and in place but it's not visible. The site is https://rustlewood.ca incase you're able to see it there but I'm not.
I was editing some of my theme liquid code to include a few custom integrations (those were applied successfully) but I'm hoping I didn't mess anything up in the process that could keep the favicon from displaying.
Thanks in advance,
Coleby
Hi @Coleby19,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the <head> → save
<link rel="icon" type="image/png" href="{{ settings.favicon | image_url: width: 32, height: 32 }}">
Hope my solution works perfectly for you.
Cheers!
Oliver | PageFly
Hi @Coleby19,
You can try this code by following these steps:
Step 1: Go to Online Store->Theme->Edit code.
Step 2: Search file theme.liquid
Step 3: Paste the below code at the <head> → save
<link rel="icon" type="image/png" href="{{ settings.favicon | image_url: width: 32, height: 32 }}">
Hope my solution works perfectly for you.
Cheers!
Oliver | PageFly
Community Blog Articles
In Canada, payment processors, like those that provide payment processing services t...
By Jacqui Mar 14, 2025
Unlock the potential of marketing on your business growth with Shopify Academy's late...
By Shopify Mar 12, 2025
Learn how to increase conversion rates in every stage of the customer journey by enroll...
By Shopify Mar 5, 2025