Jump to content

@media query not working on mobile only - and one caveat...


Recommended Posts

Hi gang, thanks for taking some time to check this out.

I'm driving myself insane trying to figure out why I can't see the changes I make in my media queries on my phone. They work as they should on all browsers. The caveat is that I do in fact have 

<meta name="viewport" content="width=device-width, initial-scale=1">

in the head of my index. Most posts I see out there don't have that in their html and once they post that it clears up for them. I am hosting my site on bluehost and I do use Cloudflare. I once learned that purging the files on cloudflare resets the cache so that you can see the changes take effect.

Basically, when I make a change in my media query, I up load it to the server, then I run over to cloudflare to clear the cache and when I refresh chrome on my LG Stylo 2 phone, I don't see the changes at all. In fact, it looks like it still inherits the previous version before any changes were made. 

What in heck am I missing?

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Create New...