Solved

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

KimGottwald
Pathfinder
137 0 20

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
7897 1536 1566

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 solution or ❤Donate❤
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.

View solution in original post

Reply 1 (1)

Dan-From-Ryviu
Shopify Partner
7897 1536 1566

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 solution or ❤Donate❤
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Enjoy 1 month of Shopify for $1. Sign up now.