New Shopify Certification now available: Liquid Storefronts for Theme Developers

How to make gaps on the right and the left side of the collection page?

Solved
KimGottwald
Explorer
103 0 14

Hello,

can someone tell me how to make gaps on both sides of the collection page so that the products are not so close to the side on mobile? I tried to display the problem in this picture:

IMG_8998.jpg

Thank you!

 

Kim

Accepted Solution (1)
Dan-From-Ryviu
Shopify Partner
5678 1045 1071

This is an accepted solution.

Hi @KimGottwald 

You can do that by adding this code before </head> tag in Online store > Themes > Edit code > theme.liquid file 

<style>
.grid, .grid--rev, .grid--full, .grid-uniform { margin: 0 15px !important; }
</style>

Screenshot 2023-10-25 at 11.08.32.png

 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now

View solution in original post

Reply 1 (1)
Dan-From-Ryviu
Shopify Partner
5678 1045 1071

This is an accepted solution.

Hi @KimGottwald 

You can do that by adding this code before </head> tag in Online store > Themes > Edit code > theme.liquid file 

<style>
.grid, .grid--rev, .grid--full, .grid-uniform { margin: 0 15px !important; }
</style>

Screenshot 2023-10-25 at 11.08.32.png

 

- Helpful? Like and Accept a solution. - Donate: Buy coffee - or Paypal me ❤️
- Ryviu - Product Reviews app, collect consumer photo reviews, import reviews from AliExpress, Amazon, Etsy, Shoppe and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 3 months of Shopify for $1/month. Sign up now