Question

I’m trying to hide some divs for people that are using >800px resolution width.

I put this:

@media only screen and (max-device-width: 799px) {
.well {
  display: hidden;
    } 
}

In my stylesheet, but it doesn’t seem to be working. I’m sure I’m missing something simple, but I’m at a loss.

Thanks!

Answer 1

using >800px so if a screen is bigger, then I’m trying to hide some divs

Your query is wrong then:

@media only screen and (min-device-width: 799px) {
.well {
  display: hidden;
    } 
}