Hi,
We have a problem, our new favicon works, but not on the home page, this still shows the old favicon. I have added the favicon.ico in assets and copied a code into theme.liquid. What can I do to show fix this?
Another question I have, how do I add a favicon for light and black versions of a browser?
This our website: turkesteron.nl
Kind regards,
Randy/Mart
It’s the same icon for me both for the homepage and sub pages.
By the way: The correct syntax for the HTML tag would be rel=“icon” (without shortcut). You can also use a PNG if you add type=“image/png” to the tag.
If you make the background of the icon transparent it should show up fine in both light and dark mode. Eventually browser support for SVG favicons will be broader and then you could include a CSS media query inside the SVG to adjust the fill colors depending on light or dark mode.
@RandyVDN
Try like this you can change the href=" enter here your favicon icon link"
add this code on the theme.liquid
On line no. 10