[Share] How to change Portfolio Page to 2 Columns on Mobile

To change Portfolio Page to 2 columns on mobile, you can use this CSS code to Custom CSS box.

If you can't make it work, you can send link to portfolio page, I will check again.

#1. All Portfolio Pages

@media screen and (max-width:767px) {
  div#gridThumbs {
    grid-template-columns: repeat(2,1fr) !important;
    grid-gap: 10px 10px !important;
  }
}

#2. Specific Portfolio Page

First, you need to find Portfolio Page ID.

In my example, it is: #collection-65f93e816f77e1372036b1d7

Next, use this CSS code

@media screen and (max-width:767px) {
  #collection-65f93e816f77e1372036b1d7 div#gridThumbs {
    grid-template-columns: repeat(2,1fr) !important;
    grid-gap: 10px 10px !important;
  }
}