Jump to content

Product spacing on mobile

Recommended Posts

Posted
18 hours ago, sunnyland_threads said:

Hi!!

When I view my products on mobile, there is a large blank space between the logo and the product photo. Is there a way to get this space minimized?

Hey @sunnyland_threads try to add next code in Custom CSS:

@media only screen and (max-width: 1024px) {
  .collection-type-products {
    padding-top: calc(2.3em + 80px) !important;
  }
}

 

SquareRefresh, premium plugins & templates that have an elevated feel.

Plugins: Have your site stand out. 
Templates: Our templates are designed with versatility in mind.
Get Freebies: Sometimes things in life are free. Browser our hand selected free plugins.

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.