Search code examples
jqueryhidemedia-queriesjquery-isotope

Hide with Media Queries & Isotope


I'm building a responsive web with Isotope for the "masonry" type of layout. However when I set display: none with a media query to a Isotope-item the dimensions stays intact making it still take up its space. Guess there must be an easy solution for this I just can't see?


Solution

  • Sorry for my fuzzy question. I found out that as soon as you turn an element into a isotope-item it will take up its space even if display: none is set. The solution in my case was to simply add width: 0; height= 0.