The cause of the issue
I would like to thank the webhostpython support team who helped me solve this issue.
I experienced this issue when I tried to forward my domain to the subdomain and I found out the Mobile version of the site changes to the desktop version, as shown in the image below[/et_pb_text]
But when I open the same site on a mobile using the subdomain chicagostylegyros2.smyrnapainting.com I don’t see the same issue as shown below.
How to Fix it?
This problem is due to the CSS settings not forcing an update. but the workaround to fix this issue is to append meta viewport to the index.html file in your domain public_html folder.
Navigate to the web control panel where you have your website files at.
In my folder set up, I have a domains directory where both my domain name and the subdomain are located.
Expand the domain directory and click on public_html
Within that directory, you should see the index.html file.
Open the index.html file and add the following line under the <title> tag.
<meta name=”viewport” content=”width=device-width; initial-scale=1.0; maximum-scale=1.0; minimum-scale=1.0;” />
I hope those steps will help solve your Mobile site version as it did for me.