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?

Share this post

Link to post
Share on other sites

Perhaps your browser cache is still loading the old stylesheet from the phone's memory. Check your browser settings to delete cached files.

Share this post

Link to post
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