How to display 2 columns on mobile for Template PAZARI

Site URL: https://heptagon-kazoo-kncp.squarespace.com/config/settings/site-visibility

Hi people,

As I am starting with the template PAZARI in 7.1, the "portfolio" is really neat on the desktop version, and it is possible to customize the number of columns in a row. However, customization of columns is not possible on the mobile version. Any ideas about how to display 2 columns on the mobile version?

So basically from this:

to this:

Thanks in advance!

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#gridThumbs {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
}

1 hour ago, tuanphan said:

Add to Home > Design > Custom CSS

@media screen and (max-width:767px) {
div#gridThumbs {
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-column-gap: 20px;
    grid-row-gap: 20px;
}
}

 

It works perfectly now, thank you so much!