• Resolved Vanderbeam

    (@vanderbeam)


    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 from site/style.css:1 even though my code is around line 604.

    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!

Viewing 4 replies - 1 through 4 (of 4 total)
Viewing 4 replies - 1 through 4 (of 4 total)

The topic ‘iPad Landscape Media Query not working?’ is closed to new replies.