Home
Support Forums

Ionic icons not showing on netlify deployed website

Hello, I am having a minor issue with the Ionic icons showing up properly on one of my pages for a website i created. I’m not quite sure where the root of the issue is or how to fix this problem but below are errors for the console. Hopefully this helps, if not I am more than happy to provide more information.

Mixed Content: The page at ‘Laundry Ladie Freqently Asked Questions’ was loaded over HTTPS, but requested an insecure stylesheet ‘http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css’. This request has been blocked; the content must be served over HTTPS.
faq.html:1 Mixed Content: The page at ‘Laundry Ladie Freqently Asked Questions’ was loaded over HTTPS, but requested an insecure stylesheet ‘http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css’. This request has been blocked; the content must be served over HTTPS.

Hi @debutler255

Your website is using HTTPS. (e.g. https://thelaundrylaundie.netlify.app) The links to the icon stylesheet are using HTTP (e.g. http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css.) Therefore, you have mixed in-/secure content.

Change the HTTP links for the stylesheets to HTTPS links (e.g. https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css) and you’re set.

Thank you very much!! I will try & let you know if it works.

it worked thanks again