Mobile View - Grid

Hi!

Can someone help me with a code or instructions on how to make the mobile version of my shop as a grid or at least 2 columns, not an endless scrolling page? 

Can you share link to shop page? We can help easier.

Http://lunaticusse.co.uk

@media screen and (max-width: 767px) {
  .products.collection-content-wrapper .list-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-column-gap: 2vw;
    grid-row-gap: 4vw;
    padding: 0;
  }
}

Thanks a lot! You're the best! 🤩

Hello everyone, i am trying to use this code in my Shop Page but without succes, any ideas why ? a hint ?

target page here: https://www.luxyleatherbags.com/shop

Thanks

1 hour ago, lienmt said:

Hello everyone, i am trying to use this code in my Shop Page but without succes, any ideas why ? a hint ?

target page here: https://www.luxyleatherbags.com/shop

 

Thanks

Add to Home > Settings > Advanced > Code Injection > Header

<style>
  @media screen and (max-width:767px) {
  .products.collection-content-wrapper .list-grid {
    display: grid;
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-column-gap: 5px;
}
  }
</style>

it is perfect !! Thanks a lot !!!