Site not responsive when on mobile

My site is: janezhang.ca

I’m not sure what the problem is. When I checked the site locally, the mobile version looked good. I also did a test deployment on a different Netlify site before I updated it to the janezhang.ca domain. After I finalized things, I updated the files and deployed. Everything looked good until I tested it in mobile. Would this have anything to do with the time I built the Netlify site? I made this site in fall of 2020. I noticed that when I build a new site now, some of the fields are different in 2021. So perhaps making a new site now and then inserting it into a Netlify site that was first started in 2020 doesn’t work properly?

Base URL has also been updated to the janezhang.ca domain.

Any help would be appreciated!

Hey @janezhgw

First thing I would suggest is adding a viewport <meta> e.g

<meta name="viewport" content="width=device-width">
1 Like

Oh my gosh! This worked!

I deleted this line before not knowing what it was for. I learned my lesson!

Thank you.

2 Likes