Mixed content errors occur when both HTTP and HTTPS resources are loaded on your site even though the content should only be delivered over HTTPS.
You can tell if mixed content errors are occurring on your site if you can't see the green padlock symbol in the address bar.
Follow these steps to find out which resources are causing the error:
Right click anywhere on the page and select the option Inspect.
You are now in the developer console. Search for the term mixed content.
Take note of the resources causing the mixed content error and replace them with appropriate HTTPS variants.
Mixed content errors can also occur because of external resources, e.g. a map or a social media button. If this is the case, you need to remove the element entirely or replace it with an HTTPS variant. Integrating the element for a second time usually helps.
Sometimes mixed content errors are caused by plugins or theme files. There are several ways to solve errors originating from such files:
Commission an agency or a web designer to do it for you
Replace the erroneous elements yourself
Ask the theme developer to resolve the issue or provide instructions
Use the plugin Realtime-Find-Replace. ⚠️ Important: This plugin only masks the problem. That's why we always recommend replacing the HTTP links with HTTPS links instead.