Jump to content

Mobile Shop Display

By Adamb123, in Customize with code

Go to solution Solved by katycarlisle,

Recommended Posts

  • Replies 2
  • Views 106
  • Created
  • Last Reply

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

Adamb123
Adamb123

Thank you!!!  

Posted Images

  • Solution
katycarlisle Level 11

katycarlisle

Posted
  • Solution
Posted

Try adding this to your custom CSS: 

/* Reduce gap between products on mobile view */

@media screen and (max-width: 767px) {
    .products.collection-content-wrapper .list-grid {
        grid-column-gap: 10px;
    }
}

And let me know if you have any issues!

Oh hey! I'm Katy Carlisle, a web designer and trainer who goes by the name SQSP Queen. My pronouns are she/her and I'm based on Vancouver Island in BC 🍁 I've been using Squarespace since 2013, and work mainly with non-profits or freelancers on projects that do good. I love answering questions about Squarespace and don't expect anything in return, but if you do want to say thanks, feel free to buy me a coffee ☕

Create an account or sign in to comment

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

Sign Up / Login
Go to topic listing

News

×
×
  • Create New...

Squarespace Webinars

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

Upcoming Webinars →

Hire a Designer

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

Get Matched →

Support

Community

Developers

Resources