I’ve uploaded my favicon into my theme settings but it only shows on certain pages. How do I fix it to show on all?
Hi @loveartesia
This is Richard from PageFly - Shopify Page Builder App
Please navigate to theme.liquid file and check if the favicon code has been added to your theme.
You can also add a favicon manually
Step 1: Online Stores > Themes > More Actions > Edit code
Step 2: Add this code under and make sure you put the link of the image into the code like this
Hope this can help you solve the issue
Best regards,
Richard | PageFly
Hi Richard!
I added the code. Thank you!
It still only showing on certain pages within Safari. I just checked with Chrome and it shows on all - guess it may be my browser.
The favicon displayed on a Safari tab is managed differently. This requires the use of HTML code for the Apple mask-icon for Safari Pinned Tabs. Consequently, this requires the editing the following code below:
Please make sure you will change the link of the image too.
Do I place this code in the place as the one above?
Also, please remind me where to find the links to the photos again.
Hi @loveartesia You can upload the image that you want it to display to Shopify > content then hit copy link button at the end of the image
Okay! I’ve uploaded the code- but its still not working on some pages.
Pages not working: https://pharmdschoolofwigs.com/products/1on1-100-glueless-hands-on-class-2-day-class-cyber-monday-deal
Safari uses “apple-touch-icon” and not just “icon”. Also, you will have to specify the icon for all Apple devices if you want it to show up in all of them.
Please try this above the code you added with your link