Connect with us

Solved: Favicon Not Showing On Browser | WordPress

Favicon Not Showing After LiteSpeed Cache Installation


Solved: Favicon Not Showing On Browser | WordPress

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.

01. Install & 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.
Favicon Not Showing After Activating LiteSpeed Cache 1

02. How To Generate & Install Favicon

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

  • To access the Favicon by RealFaviconGenerator go to Appearance and click Favicon.
Favicon Not Showing After Activating LiteSpeed Cache 2
  • You must have a favicon of at least 260 X 260 pixels. The favicon could be in any image format like PNG, JPEG, SVG, etc.
  • Click Generate favicon to begin the process.
Favicon Not Showing After Activating LiteSpeed Cache 3
  • Click 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.
Favicon Not Showing After Activating LiteSpeed Cache 4
  • Click “Generate your Favicons and HTML code“. It will automatically generate and install favicon to your website.
Favicon Not Showing After Activating LiteSpeed Cache 5
  • 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.
Favicon Not Showing After Activating LiteSpeed Cache 6

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

Meer Basit is the founder of Meer’s World. He’s been running the show since launching the blog back in 2018. By background he is a computer scientist. Primarily, he creates content around blogging (WordPress, Blogger, Tumblr), SEO, affiliate programs, earn-online, reviews, eCommerce, & technology. He has got years of professional experience in web programming, computer programming, databases, data warehousing, & transcription. In general, he likes traveling, gardening, watching movies, is a passionate cricketer, creative writer, and a GSD lover.

Click to comment

Leave a Reply

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

More in Blogging

To Top