I have made a simple website for a event in my town and it is hosted on AWS Amplify from Amazon. At first there was no custom domain coupled to it and so the domain name was some random url. On this url the website worked, for web and mobile. But then I asked the previous domain owner if he could couple the custom domain to this site. He did the but when I opened the website on my phone it wasn't responsive anymore, it was shown the same way as on web. I then checked the AWS Amplify console and saw that the SSL verification failed. I'd think that it only causes the website to be hhtp instaid of hhtps but could this problem be related? Or could the problem be a setting in the dns file or something?
I saw some similar problems were because this line wasn't added :
<meta name="viewport" content="width=device-width, initial-scale=1">
but I made the website with Angular and this line is automaticly added to the index.html file.
my previous responsive website: https://master.dkog5qeqqzcy6.amplifyapp.com/
the unresponsive website: http://www.tongerloleeft.be/
Thanks in advance.
Console looks clean, the page appears to be responsive on my end(using chrome, Firefox and Chrome Edge desktop revs.)
It's not responsive on native Andriod because the @media screen size appears to be responding at less than 640 and the default viewport of a mobile is 640 so it's never getting hit.
Also..... Why are you running it in a frameset?
<frameset rows="100%,0" border="0" frameborder="0" framespacing="0" framecolor="#000000">
<frame src="https://master.dkog5qeqqzcy6.amplifyapp.com">
</frameset>
I'd say that is the problem. Not viewport size after having a second look.