Reputation: 187
I am working on a site on a Github repository and I published it live on another server so that I can play around with APIs and databases. After making an exact copy of the Github files and dropping that into the new server, the media queries aren't working on my desktop or mobile. They do however work on Github.
I've tried to clear the cache on both devices, and after doing that, it shrinks down only by directly making the browser window (on my computer) smaller and not going to inspect tools. If I use the inspect tools or use my phone, it is not responsive at all. I was also told it can take 24-72 hours for sites to fully migrate, but don't know if that's the issue since I published it on Sunday night 02/14/21. I had someone else look at it on their computer and they said it seems to be responsive.
This is the very first site I've published so I don't know the ins and outs yet. What else could it be? I'll post the link to my site and also a screenshot of what it looks like on mobile.
Upvotes: 0
Views: 79
Reputation: 343
Try adding this in the head of your document
<meta name="viewport" content="width=device-width, initial-scale=1">
Also why do you have two heads set up and two html elements as this will be causing your issues
Upvotes: 1