Green Clook

Fixing Mixed Content Warnings on a Website

Mixed Content Warnings occur when a user visits a website and both http (non-secure) and https (secure) content is delivered. Having such a warning can be bad for your site. Users will see the notice and may decide to leave. Worse still, negative impressions may be formed if it’s assumed that you have not paid attention to potential security risks.

Mixed Content Warnings

The warning is displayed in the web browser’s address bar. Clicking on the yellow warning icon will indicate any mixed content warnings…

Mixed Content Warning

Checking the cause of mixed content warnings

A great free tool that can be used to establish the cause of the error is the website Why No Padlock. Simply enter your url into the search bar and hit Test Now. Once the site has been analysed you are notified of SSL passes and failures:

Why no Padlock

Errors can be caused by an on page element such as a picture being set to be loaded via the http version of your website or, if you are loading external content; for example fonts that originate from a non secure url.

Fixing mixed content warnings

The method of fixing mixed content warnings will vary depending on the reason for the failure. If your website is built using WordPress you may find that a plug-in such as Really Simple SSL is able to resolve the problems for you. Your insecure content is fixed by replacing all http:// urls with https://, except hyperlinks to other domains. This is done dynamically, so no database changes are made (except for the siteurl and homeurl).

If you use a different content management system or page builder then you will need to clean up http references manually.

You may also need to evaluate any external scripts that are used – if they do not have https activated they could stop working if you change the file path.


If you haven’t already enabled https on your website why not order a SSL Certificate from us today…

About The Author

Scott is a UX Designer and Developer at Clook. He’s passionate about UI Design, WordPress Development and Marketing.

Working on the creative, branding and marketing side of Clook. He's involved in creating a variety of digital and print designs for us.

Connect on Linkedin

Clook Logo

Get regular tips, tricks and updates!

Signup today for our awesome newsletter and recieve monthly emails with all sorts of helpful articles on hosting and web development.