How to fix "Blocked loading mixed active content" for css and js over https

12
votes

When attempting to view my site over https, I keep getting a "Blocked loading mixed active content" error in my Firefox console. I am getting this error only for my css and js file.

The reason I am so confused is because the reference to the files in the page code itself is https:

<link rel="stylesheet" href="https://www.example.com/style.css">

But in the console, it shows it as http:

Blocked loading mixed active content "http://www.example.com/style.css"[Learn More]

I can do a view source on the page and search for "http://" and there are no results anywhere on the page.

Any ideas?

1
htmlcsshttphttpsmixed-content
Maybe your server is redirecting https to http for some reason, i.e. invalid certificate. Are you sure that all of your pages and resources are under SSL ? – Marcos Pérez Gude
If you are using Drupal you can look at this answer – Denis Pitzalis

1 Answers

28
votes

I think that you can try with relative protocol caller.

<link rel="stylesheet" href="//www.example.com/style.css">
                    ---------^^

if your users visit your web in http, it loads http, and if the user visit under https it loads https.