Re: Favicon not showing

Solved

Why isn't my website's favicon displaying anymore?

ninja_nthgrade
Explorer
46 0 10

Hello.

 

Please help me regarding the favicon on my website.

For months it was showing up and recently it does not show anymore. 

 

I edited the theme.liquid and added again this: {%- if settings.favicon != blank -%}
<link rel="shortcut icon" href="{{ settings.favicon | img_url: '32x32' }}" type="image/png">
{%- endif -%}

 

Still, the favicon does not show up.

What should I do now?

Hoping to hear from you soon.

Thankyou.

Accepted Solution (1)
GemPages
Shopify Partner
5625 1261 1243

This is an accepted solution.

Hello @ninja_nthgrade 

 

You can follow the step:

1. Go to Online Store->Theme->Edit code

GemPages_1-1672129681758.png

2. Open your theme.liquid file, paste your code after<head>

GemPages_0-1672129661537.png

I hope the above is useful to you.


Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center

View solution in original post

Replies 10 (10)

GemPages
Shopify Partner
5625 1261 1243

Hello @ninja_nthgrade 

Can you give me your Store URL( with pass if your store password is enabled) so I can check it for you?

Kind & Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ninja_nthgrade
Explorer
46 0 10

Hi @GemPages

Thank you for replying.

Here's the website: www.nthgrade.com

ninja_nthgrade
Explorer
46 0 10

Hi @Homeric_Agency 

Thank you for replying.

Here's the website: www.nthgrade.com

DavidEKim
Shopify Partner
393 131 196

The code is included in the HTML but it's not showing up.

The favicon image size is 16px X 16px which is too small.

 

 

<link rel="shortcut icon" href="//cdn.shopify.com/s/files/1/0583/4201/5156/files/favicon1_32x32.png?v=1633940817" type="image/png">

 

 

Please try to upload a larger image (Minimum: 32px X 32px, Recommended: 96px X 96px).

 

Hope it helps.

Thanks.

If helpful, please Like and Accept Solution.
Want to customize your store, please feel free to contact me.
PeopleVillage - Shopify Partner
ninja_nthgrade
Explorer
46 0 10

Hi, @DavidEKim 

 

Thank you for replying.

 

In the theme.liquid? 
May I ask what's the reason why it is not showing up? Is there anything we can resolve the issue?
Thank you in advance.

DavidEKim
Shopify Partner
393 131 196

@ninja_nthgrade 

I revised my reply earlier.

In form of favicon.ico, the minimum requirement is 16px X 16px.

The minimum size of favicon.png as an image is 32px X 32px as I know.

You still have the image size of 16px  X 32px.

Please try this image.

 

Favicon.png

 

Hope it helps.

Thanks.

If helpful, please Like and Accept Solution.
Want to customize your store, please feel free to contact me.
PeopleVillage - Shopify Partner
ninja_nthgrade
Explorer
46 0 10

@DavidEKim 

 

I see. Will check on that one again. Thanks for this.

GemPages
Shopify Partner
5625 1261 1243

This is an accepted solution.

Hello @ninja_nthgrade 

 

You can follow the step:

1. Go to Online Store->Theme->Edit code

GemPages_1-1672129681758.png

2. Open your theme.liquid file, paste your code after<head>

GemPages_0-1672129661537.png

I hope the above is useful to you.


Kind & Best regards, 
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center
ninja_nthgrade
Explorer
46 0 10

Hello, @GemPages 

 

It worked! You may check the favicon of the website.

Thank you so much for this!

Take care! 🙂

mmuratakgul
Not applicable
2 0 0

Hi

My setup is already in the photo. However, bing does not show the favicon