If you install an SSL certificate on your website and find that your browser is not displaying the safe padlock because you have non-secure page content on it, then it can be hard to identify exactly what needs fixing if you don’t know the proper tools to use. That is the purpose of this post.
In Google chrome that may mean that your page(s) do not show a green padlock for example.
If this is the case, you can click on the icon to the left of the website address where the padlock would be and a drop-down menu will show what is going on, which leads you to this page for further clarification.
Often times the problem is that you have non-secure references in your code on a secure page and this mixed content can be the problem.
How to find what is causing the problem
You can use the tool on this page, called Why No Padlock.
If that does not fix it then open your webpage in Google Chrome and right click to “Inspect” the page which will open Developer Tools in your browser. At the top of the new window that opened in your browser look for the topic “Console” and click it. Below will show you error messages and you should see a list of errors associated with Mixed Content, or something like that. Fix those problems and you should be good to go.
Well, that leaves you with fixing it. The ways to fix it are not so straightforward because there are so many scenarios. I will leave that for another post.
If you need help with your website, I am a web designer and developer – explore my website.
If this helped or you have further comments, please share below. Thanks for stopping by.