iPad Landscape Media Query not working?
-
This is the same media query I’ve used for all my other WordPress sites but for some reason it’s not working for this particular site. I didn’t design the site, I’m just making it responsive, but I did a couple tests through the CSS and it didn’t look like there was anything that should cause a conflict of any kind.
Often I can get away with just using:
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){}But I’ve tried that, and I’ve tried:
@media screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation:landscape) {}But neither are registering. It’s not a cache issue, either.
Additionally, for some reason when I inspect the site, **everything** lists as being received fromsite/style.css:1even though my code is around line604.It was retrieving the css from all of the desktop styling, so as a test I added
@media only screen and (min-width: 1025px) {}to my desktop styling, just to cancel it out, and sure enough, now my landscape header is all reverted back default styling (full sized image, default h1 styling, etcetera). Nothing I do triggers the landscape media query, even though the rest are called without any issues at all. I’m about to pull my hair out, and I can’t find anything else on Google that quite fits as a solution.The mobile and iPad Portrait media queries are working perfectly.
Any help is appreciated!
The topic ‘iPad Landscape Media Query not working?’ is closed to new replies.