Question

I want to create a CSS Rule so the div “.ise” is hidden only when window size is lower than 980px. I cannot create an inverse function so it shows when (min-width: 980px). I created this rule but it doesn’t works I would really appreciate your help.

@media(max-width:980px){
  .ise{
     display: none;
  }
}

Answer 1

your code is correct and works properly.
@media works with window size. thus when you resize your browser window, its width changes.
debug the window width with this code:

<a onclick="alert($(window).width());">hi</a>

try it in jsFiddle