Add padding to left and right for mobile view

[letsgetwasted]

Hi,

Somehow there isn’t any padding for my product pages - I’d like padding on left and right, could somebody advice what to modify? Attached link is for one product page but this change should apply to all product pages, thank you!

https://www.wastd.world/products/multi-purpose-serving-platter

[Rahul_dhiman]

Hello @letsgetwasted
Go to online store ---------> themes --------------> actions ------> edit code------->base.css
at the end of the file and save.

.product__info-wrapper.grid__item.scroll-trigger.animate--slide-in {
padding: 25px !important;
}

result

If this was helpful, hit the like button and accept the solution.
Thanks

[sahilsharma9515]

Hi @letsgetwasted Please add the below code:

Please follow the steps:

1. Login in shopify admin.
2. Click on the Online Store.
3. Then click on the button next to Customize in live Theme.
4. Click Edit Code.
5. Search theme.liquid in the code in left hand side in your theme.
6. Add the following code in the bottom of the file above tag

Result:

Hopefully it will help you. If yes then Please don’t forget hit Like and Mark it as solution!

Best Regards

Sahil

[websensepro]

Hi @letsgetwasted ,

1. Go to Online Store → Theme → Edit code.
2. Open your theme.liquid file
3. In theme.liquid, paste the below code before

If my reply is helpful, kindly click like and mark it as an accepted solution.

Thanks!

[rutvik_shop]

Hello @letsgetwasted ,

You can try this code; it will be helpful to you.

Go to the Online Store->Theme->Edit code->Assets->base.css>add this code at the bottom of the file.

@media only screen and (min-width: 768px) {
.product.grid {
    padding: 0 2rem;
}
}

[letsgetwasted]

This worked perfectly, thank you!

[Rahul_dhiman]

Happy to help you…!!!