I built my site using semantic HTML, CSS and JS using Eleventy. I bought my domain with NameCheap. In my local development, my favicon always shows. But I’ve already redeployed twice with Netlify and nothing.
I read the topics on this forum related to this issue. I’ve cleared my caches repeatedly, always test with Chrome, Safari, Brave, and Firefox. I initially created a subfolder in my ‘img’ folder for the favicons. Nothing. I tried placing the favicon in the root directory, nothing. I created a favicon folder in the root directory and nothing. This is my favicon code:[https://github.com/esarin7/elenasosalerin.com/blob/master/_includes/layouts/page-head.njk]
I used realfavicongenerator.net and it says that my favicon “is declared but not accessible.” I don’t know what else to do, I feel quite annoyed and defeated at this point.
I’m very new to development - eight months or so and Eleventy was definitely a learning curve and I’m disappointed at myself for not nailing what is technically an easy feature to implement. But what is driving me crazy is that in my local development, the favicon always shows.
Thanks in advance for any support on this!