Shopify themes, liquid, logos, and UX
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:
Thank you!
Kim
Solved! Go to the solution
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>
- 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
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>
- 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
User | RANK |
---|---|
194 | |
178 | |
84 | |
57 | |
45 |
Transform this holiday season into a shopping spree. Plus, learn how to effortlessly open ...
By Jasonh Dec 8, 2023Make the shift from discounts to donations, and witness your business not only thrive fina...
By Holly Dec 4, 2023On our Shopify Expert Marketplace, you can find many trusted third party developers and fr...
By Arno Nov 27, 2023