Jump to content

How to display 2 columns on mobile for Template PAZARI

Recommended Posts

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:

IMG_9425.thumb.PNG.2c0aae94cb30027fe9b0ba3fc033b064.PNG

 

to this:

IMG_9426.thumb.PNG.82d91fc84d7c931eb780827beb630152.PNG

 

Thanks in advance!

 

 

Link to comment
  • Replies 2
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Posted Images

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;
}
}

 

Email me if you have need any help (free, of course.). Answer within 24 hours. 
Or send to forum message

How to: Setup Password & Share url Insert Custom CSS - Page Header - Upload Custom Font - Upload File - Find Block ID - Contact Customer Care

Link to comment
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!

Link to comment

Create an account or sign in to comment

You need to be a member in order to leave a comment

×
×
  • Create New...

Squarespace Webinars

Free online sessions where you’ll learn the basics and refine your Squarespace skills.

Hire a Designer

Stand out online with the help of an experienced designer or developer.