Jump to content

media query not responding on desktop


bravo14

Recommended Posts

Hi all

 

I am using media queries in my css to create a responsive site, when I view the site on a mobile, the site responds as I intend it to.

 

However if I view it on a desktop and resize the screen, it doesn't respond as I would like, the idea is, if I resize  the desktop version enough then I will view the mobile version.

 

in one css file I have

 

 

 
@media screen and(max-width: 1024px) {
 
css styles
 
}

 

and then on another file, I have the following, the idea with this is when I get below the specified screen size the items don't show

 

 

@media screen and (min-width: 1024px) {
 
}

 

if you need any more info let me know.

 

Thanks

 

Mark

Link to post
Share on other sites
  • 3 weeks later...

Whenever I've seen media queries, they've never used the same number as both the min and max, as that would be rather confusing to the browser I would think..

Try changing the min-width for the desktop version and see what that does.

 

 

@media screen and(max-width: 1024px) {

}
@media screen and(min-width: 1025px) {
 
}

 

Denno

Link to post
Share on other sites
  • 3 weeks later...

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.