Mobile version is supported on desktop, but not on mobile

Hi fellow netlify community,
i have a problem regarding my site. On my desktop, the mobile version of my site works fine when i reduce the browser size to test it. But when i access it using my phone, it shows the desktop version instead of the responsive mobile version that i have coded. What could be the issue? TIA! :blush:

this is my site

@haida Welcome to the Netlify community.

This isn’t a Netlify issue, but do you think it would help if you constructed your CSS with mobile rules first, and then using min-width instead of max-width to set the breakpoints?

I don’t know how you got it working correct on Desktop by resizing the browser window, it’s not working for me. The reason is you’re missing this tag: <meta name="viewport" content="width=device-width, initial-scale=1.0"> in the <head>.

1 Like