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

Solved

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

KimGottwald
Trailblazer
235 0 34

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
11740 2302 2486

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 & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.

View solution in original post

Reply 1 (1)

Dan-From-Ryviu
Shopify Partner
11740 2302 2486

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 & Accept solution! - Support me? Buy me a coffee
- Ryviu - Product Reviews & QA app: Collect customer reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Dhgate and CSV.
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Lookfy Gallery: Lookbook Image - Gain customers with photo gallery, video & shoppable image
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- En...
Sign up now.