Dawn Theme 2.0 Doesn't work with Favicons

Store Design
1

Hello All,

We’ve tried many times now to update our favicon on the new Dawn theme 2.0. Every time we try it doesn’t seem to go through (we’ve tried it at 16x16 px 32x32 px 48x48px and more). What’s weird is it seems to work on firefox but not chrome or safari. Our site is: www.hamelin.store

Shopify support mentioned it could have something to do with our theme but didn’t know anything beyond that.

We also used this tool to check which makes it even more confusing: https://realfavicongenerator.net/favicon_checker?protocol=https&site=hamelin.store#.Y5imEnbMI2x

Does anyone have experience with this issue? Or perhaps know a solution for how to get that favicon working again?

2

Hi @tealmig

The favicon should be working across all browsers if it is working across one. I do have steps you can try by adding a bit of code to the theme file instead of using the theme settings to update the favicon for your store.

Please note, that if you have not made other changes to your theme code that this change could make your current theme ineligible for automatic updates to the base code. I also recommend duplicating your theme to create safe backups before making any coding changes.

Adding a favicon - manual process

  1. From the Admin, click Online Store, and then click Themes
  2. Find the theme you want to edit, click the Actions button, and then click Edit Code
  3. Click on the Assets folder (left hand column) to expand it
  4. Click Add a new asset at the top of the list
  5. Click the Choose file button and locate your favicon (Note that for the purpose of this example the filename is named either *favicon.png* or *favicon.ico*)
  6. Click Upload asset
  7. Click on the theme.liquid file to open it in the online code editor
  8. Paste the following code between <head> and </head>:

If the favicon file has a .png extension, use this:

If the favicon file has an .ico extension, use this:
  • Save your changes.

If you continue to have issues with this please reach out to our online support once again and ask for this to be escalated to our theme support team for help. So long as you are using a free Shopify theme, this is something they will be able to assist with.

3

Hello @tealmig

It’s the GemPages support team and glad to support you today.

Screenshot at Dec 14 00-09-21.png
Screenshot at Dec 14 00-09-21.png365×830 155 KB

i tried with my store - Dawn theme and it worked

Screenshot at Dec 14 00-10-01.png
Screenshot at Dec 14 00-10-01.png457×205 19.2 KB

4

Hi Shay,

what if I don´t see </head>?

I copied your code and added >/head> and it worked. Is this fine?

Thanks for helping me out!

5

Hi @braVecare

Could you confirm for me what theme you are using on your store? When viewing the theme.liquid template, all themes should have and . Do you see a tag? If yes, place the code just below that and remove the tag you added.

The closed head tag you added will interrupt the code and could cause issues with your site.

6

Hi Shay,

I am using Dawn and I do see . I will try it this way. But I have to admit, that the problem was solved by itself. I don´t know what happened here :slightly_smiling_face: But thanks anyway.

1 Like
7

Hey Shay! I want to ask you is i just followed your code but the Favicon is displaying only on the front page (home page)
the code is not working for the Catalog and other main menus . Kindly solve my issue