SSL Certificate Breaks Flexslider

Hi,

Take a look at the source code after the page is rendered and make sure that everything and I mean everything URL wise, is https…. I’m thinking one of the JS or CSS files might be http still thus why your Flexslider doesn’t work.

Can you share the URL with us?

Thank you.

Hey Arthur,

Thank you you for your reply I really appreciate it.

I think you are right but I just can’t seem to find the place where I can change the http to https.

Here is my URL

https://www.buymondo.co.za/vodacom/

Thanks

Hi,

I can see about 2 things for jQuery that are with http still and not https;

https://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js
https://malsup.github.io/jquery.cycle2.js

Those still load with unsecure location. You might have to use a plugin that forces wordpress to load everything through https; https://www.ads-software.com/plugins/wp-force-https/

Hope that helps. ??

Hey,

There are 3 files with those jQuery links.
I changed all of them to https and I installed the plugin but still doesnt work.

Thanks

Hi,

The slider is scrolling now by itself, which is good, better then before. However, you are still missing your arrows and looking at the console errors; you are missing the images for those only.

/wp-content/themes/mondo/library/flexslider/images/left-arrow.png
/wp-content/themes/mondo/library/flexslider/images/right-arrow.png

Those are missing.

Hey Artur,

Yes it is working now, I did something but not sure if what I did was the correct thing. I didn’t fix the error. I just save the jQuery file to my root folder and linked it. worked perfectly. not sure how the site would be affected in future.

Thank you
Brandon

You are welcome glad in the end it worked out to function right. It gets tricky sometimes with ssl and making sure all internal or external resources are https is a must in that situation.