Media Queries does not work

4

I'm developing a WordPress site that needs to be responsive and for that I'm using media queries:

<head>
...
<link rel="stylesheet" href="css/style.css"/>
<link rel="stylesheet" href="css/mobile.css" media="screen and (max-width: 768px)">
...
</head>

When testing it on mobile devices, however, it is not calling the css from the mobile.css file. What should I do? The site is this one

    
asked by anonymous 07.04.2014 / 00:49

1 answer

3

Try using the media query inline in your mobile.css

Example: Use-media-query-inline-style

@media only screen and (max-device-width: 480px) { /* Change to whatever media query you require */
    .bg {
         background: url(background_highres.jpg);
    }
}
    
07.04.2014 / 02:50