How to change Portfolio Page to 2 Columns on Mobile

#1. All Portfolio Pages

Use this code to Custom CSS box

@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, find the Portfolio Page ID. Use below tool.

In my example, it is:

• #collection-65f93e816f77e1372036b1d7

Next, use this code to Custom CSS box

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