Jump to content

disable responsive design from the mobile version of Brine 7.1

Recommended Posts

Site URL: http://www.gumdrop.nyc

I sell jewelry for girls. I'm 80% done with the site build and have hit a snag re Mobile display. I'm unable to disable Responsive Design, meaning my products only display one at a time vertically. I def need a way to show more than one product on a phone screen at once. Ideally I'd like two items per row. Is it possible to address this with custom code?

Link to comment
  • Replies 1
  • Created
  • Last Reply

Add to Home > Design > Custom CSS

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

 

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

Archived

This topic is now archived and is closed to further replies.

×
×
  • 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.