Jump to content

Help on mobile store view

Recommended Posts

Site URL: http://www.intotheblackpines.com

Hello @tuanphan, Im sure youre tired of the same question but Im also having trouble reading your code on youtube and honestly having a hard time figuring out the elements in my page to add the css. Id like two columns in all three pages of my shop folder instead of the one column. Can you or anyone please help thank you! password to view website is jogajh89

Screen Shot 2020-05-01 at 9.47.39 PM.png

Link to comment
  • Replies 2
  • Views 472
  • Created
  • Last Reply

Hey this should work for you

@media all and (max-width: 767px){
 .products.collection-content-wrapper .list-grid{
   display: flex;
   flex-wrap: wrap;
   .grid-item{
        width: calc(~'50% - 20px');
    margin: 0px 10px 20px 10px;
   }
  }
}

 

Link to comment
2 hours ago, JoeCory said:

Hey this should work for you


@media all and (max-width: 767px){
 .products.collection-content-wrapper .list-grid{
   display: flex;
   flex-wrap: wrap;
   .grid-item{
        width: calc(~'50% - 20px');
    margin: 0px 10px 20px 10px;
   }
  }
}

Cant thank you enough, perfect!

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.