Favicon not working properly in chrome and in firefox
The link you provided returns a 404, that seems to be the problem.
The link you provided returns a 404, that seems to be the problem.
You have to delete de cache of your browser
For me its showing different on Safari and different on chrome. When I checked page source, I noticed favicon is being called thrice. Please delete other two instances and then check clearing browser cache for all browsers. I believe it should work then.
try adding type=”image/png” in the link definition. Additionally Chrome is a little bit harder to clean the favicon cache (needs also a restart) This thread can help you perhaps, there are several hints there The other thing is, I remember have read somewhere, that it is best practice to have the favicons in the root … Read more
If you have a modern theme, where you can upload a favicon with the theme customizer (rather than a hardcoded url in the header.php), you can simply use a filter. Take a look at the function get_site_icon. As you can see it returns the url of the image that you have uploaded using the customizer. … Read more
I figured out the issue. In my plugin I was calling an echo statement from a WP_Head function. This was causing the <head> tag to be immediately closed and rendered in the body. Any remaining code for the WP_Head was being output in the body, including the favicon <link> tags.
OK… as it sometimes goes i cant rest until i find a way and i found a way to get the fave icon to proeprly display using google 🙂 its really simple: // here i get my URL from my custom post type $directoryNoHttpUrl = get_post_meta( $post->ID, ‘directory_url’, true ); //here i clean the url … Read more
I set the href as the abosolute path and it works, seeing below: <link rel=”shortcut icon” href=”http://example.com/favicon.ico” /> Or as suggested by @Caspar and @Howdy_McGee, for wordpress 4.3+, use: Dashboard -> Appearance -> Customize -> Site Identity -> Site Icon
As of WordPress version 5.6, any posts or pages has options on the editor to include any custom scripts/styles and meta tags to the header of the page. So if you put your <link rel”icon” href=”favicon.png”/> it should work. You upload your favicon into the media and after you uploaded the media. Refer the uploaded … Read more
I have just implemented this solution to my own website. I copied my site-icon.png file (the favicon that I inserted via the wordpress dashboard) to my root directory (public_html folder) and renamed it favicon.ico. To test that it was placed correctly I typed in the following www.mywebsite.co.za/favicon.ico and the favicon displayed. I then went and … Read more