Hi Shopify Community,
I’m having trouble getting my favicon to work properly on my Shopify store, and I would really appreciate some guidance. Here’s the situation:
-
I uploaded both a favicon.ico and a favicon.png file to the Assets folder of my theme via Online Store > Themes > Edit Code > Assets. (My store theme is dawn). I’ve also tried uploading the favicon directly in the theme settings, but that did not work either so I attempted to do it using custom css written by chatgpt.
-
I updated the section of my theme.liquid file to reference the favicon:
(The favicon.png file is of size 16x16).{%- unless settings.type_header_font.system? and settings.type_body_font.system? -%}
{%- endunless -%} {{ page_title }} {%- if current_tags %} – tagged "{{ current_tags | join: ', ' }}"{% endif -%} {%- if current_page != 1 %} – Page {{ current_page }}{% endif -%} {%- unless page_title contains shop.name %} – {{ shop.name }}{% endunless -%} -
When I access my website, the favicon does not appear in the browser tab, and it doesn’t work when I directly visit the URL https://antleraddiction.ca/favicon.png. Instead:
- In Safari, it downloads an empty file.
- In Google Chrome, I get a “404 page not found” error.
-
I’ve already cleared my browser cache, tried using incognito mode, and tested the URL on multiple devices and browsers. None of these worked.
-
I waited overnight to account for potential delays, but the problem persists.
Questions:- Is there something wrong with my file upload process or file format? (The PNG is 32x32 pixels, created with favicon.io.) (As mentioned I also attempted to use a .ico file, with the same lack of success).
- Are there any additional steps I need to take for Shopify to recognize and serve the favicon?
- Could this be related to my custom domain (antleraddiction.ca) instead of the default Shopify domain?
- The icon does appear in the address bar when safari suggests autofill of the website link, and next to the title of the page once it is loaded. Does it not utilize the favicon for this? Why would it be disconnected from what I see next to the site name after a google search, which is just the default globe?
I’d really appreciate any advice or troubleshooting tips to resolve this issue. Thank you in advance for your help!
Best regards,
Josh
Store URL: antleraddiction.ca
