How to fix mixed content in Elementor after moving to SSL

We often see mixed content on Elementor based sites after moving to SSL.

Really Simple SSL pro automatically handles this for your when you activate SSL with Really Simple SSL pro. If you’re comfortable tweaking your URL settings manually, you can try the following solution:

Navigate to ‘Elementor->Tools->Replace URL’ and enter your old site address (with http://) and your new site address (with https://). You can find your current Site Address in the WordPress general settings. If your Site Address in the WordPress general settings is listed with https://www, you can include the www in the URL. If your Site Address uses https://, enter https:// without the www.

After entering and double checking the URL’s, press the ‘Replace URL’ option. This will update the Site Address in all Elementor data.

Once the Replace has finished, navigate to the ‘General’ tab in the Elementor settings and press the ‘Regenerate Files’ button. This will regenerate your CSS files with the new, updated links.

That’s it! Clear any other caches your website uses and your Elementor site should now work without mixed content.