CMS Development Magento

Media Queries Works on Dev Tools but Doesn’t on mobile

The site is

I use a custom CSS that is working. Yes, it’s working! I’ve already changed many things on site using it, but something is really really weird and I’ve already spent hours trying to figure out what the hell is going on.

If you open the site on desktop PC and reduce the browser to mobile resolution or use Dev Tools with mobile view my CSS works, but it’s not working in a real mobile device (mine is motorola x4 and I’ve asked to someone with iPhone and it’s not working either).

The media query I am using is:

@media only screen and (max-width: 767px) { }

My viewport:

<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">

I’ve tried to use this media query on every CSS file of this theme and not works on mobile device.

I PRAY for someone help me with this because I’m getting crazy!

Leave a Reply

Your email address will not be published. Required fields are marked *