Routing traffic through Cloudfront for SSL Certificate with GoDaddy

I have made a wordpress website on a EC2 instance and I am trying to get a SSL certificate for the website.

I have got a certificate from AWS Certificate Manager in the North Virginia zone and created a Cloudfront distribution to attach it to. As my domain is with GoDaddy I have followed these instruction in setting up the domain to point towards the Cloudfront.

https://docs.aws.amazon.com/amplify/latest/userguide/to-add-a-custom-domain-managed-by-godaddy.html

I have created a CNAME for the subdomain www with the Cloudfront address and then forwarded the domain to the subdomain as in these instructions.

When using the URL for the Cloudfront, the page comes up, although not fully, however when I try to access it through the subdomain www.****.com it throws an error:

www.****.com uses an unsupported protocol.

ERR_SSL_VERSION_OR_CIPHER_MISMATCH

I have added the main domain to SSL certificate as well as * in front. I have added the domain(*** .com) and the subdomain (www. ***.com) to the Cloudfront alternate domain names.

Any help would be appreciated