Site not responsive when on mobile

Support
,
1

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!

2

Hey @janezhgw

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

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

Oh my gosh! This worked!

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

Thank you.

2 Likes
4

Hi, please, could you help me? I have the same problem, and I add this tag “meta” in index.html. But when deploy, not working in mobile

5

Hi @carlos-rafael-mbm :wave:t6:, welcome to the forums!

Can you share your site name/slug?

6

Sure, is laesenciapp/netlify.app

7

How is it non-responsive, could you confirm? I can see the background image changing with screen sizes.

How do you expect the site to look?