Hide items on small devices

[AlessandroVecchi]

I want to show only the first three items on small devices. I tried with a css selector but it doesn't work properly

@media (max-width: 767px) {
  .grid-item:nth-child(n+4) {
    display: none;
  }
}

is there another way?

[AlessandroVecchi]

Can i disable masonry at a specific screen size?

[desandro]

You can initialize Masonry conditionally with

if ( matchMedia("(min-width: 720px)").matches ) {
  $('.grid').masonry(...);
}

[AlessandroVecchi]

Thanks! Maybe it works.... But i have to count "grid-sizer" too (i dont't understand why)