Solved: Favicon Not Showing On Browser | WordPress

Updated:

by

Favicon Not Showing After LiteSpeed Cache Installation

Despite you upload favicon in WordPress, but it is not showing on browser? Don’t panic! You’re in the right place.

Though there are few other solutions, but in this tutorial we will guide you only on How to show your website favicon using a simple WordPress plugin.

The most common reason for not showing favicon is location of the favicon. Browsers unable to find the location where favicon is located. One other reason could be “activating a cache plugin” like LiteSpeed Cache.

The LiteSpeed Cache is one of the best website acceleration WordPress plugins that can take the performance of your website to the next-level.

In some cases it has been found that soon after activating the LiteSpeed Cache plugin or other plugins, the favicon of website doesn’t show or appears for a second and then disappears.

To solve this issue you can use a free WordPress plugin called Favicon by RealFaviconGenerator. It creates and installs favicon for all platforms and browsers, like Chrome, Firefox, Safari, Microsoft Edge, Windows, Mac, iPhone, iPad, Android devices, Windows 8 tablets, etc.

Looking for fast-performance professional website themes? Find Here.

RELATED

01. Install & Activate The Favicon Plugin

In this section, I will guide you on how to install and activate the Favicon Plugin.

  • Go to Plugins from your WordPress Dashboard’s sidebar.
  • Click Add New.
  • In the Search Plugins bar enter Favicon by RealFaviconGenerator.
  • Click Install.
  • Once it is installed click Activate.
Go to Plugins from your WordPress Dashboard's sidebar. Click Add New. In the Search Plugins bar enter Favicon by RealFaviconGenerator. Click Install. Once it is installed click Activate.

02. How To Generate & Install Favicon

Since you have installed the Favicon by RealFaviconGenerator plugin now it is time to learn about how to generate and install favicon for your WordPress website.

  • To access the Favicon by RealFaviconGenerator go to Appearance and click the Favicon.
To access the Favicon by RealFaviconGenerator go to Appearance and click Favicon.
  • You must have a favicon of at least 260 X 260 pixels. The favicon can be in any image format like PNG, JPEG, SVG, etc.
  • Click on the Generate favicon button to begin the process.
Click on the Generate favicon button to begin the process
  • Click on the Select your Favicon image and Upload the favicon image from your computer.
  • Once you upload the favicon scroll-down to bottom section “Favicon Generator Options“, as shown in the next step.
Click on the Select your Favicon image and Upload the favicon image from your computer.
  • Click on the “Generate your Favicons and HTML code” button. It will automatically generate and install favicon to your website.
Click on the "Generate your Favicons and HTML code". It will automatically generate and install favicon to your website.
  • Once it generates your favicons you will be redirected to your WordPress dashboard where you can see preview of favicon for different devices and operating systems.
  • Now open your website on different browsers and check whether favicon appears or not. Don’t forget to refresh your website.
Once it generates your favicons you will be redirected to your WordPress dashboard where you can see preview of favicon for different devices and operating systems.

So it was all about showing your favicon on different browsers. If you like this post then don’t forget to share with the other people. Share your feedback in the comments section below.

Also Read

Related Topics: , ,
Buy Domain and Hosting on Namecheap Now
Rank Math Best SEO WordPress Plugin Download
Download Website Themes
Mangools SEO Tools
Order Motivational T-Shirts With Quotes from Our Store Fire Ram 23.4.

Subscribe to Our Newsletter!

Leave a Reply

Your email address will not be published. Required fields are marked *