How can I eliminate excess space in product images and descriptions?

Store Design
, ,
1

Hello I want to remove space in the product images and product description that it’s in the red part in the images below, how I can remove it?

My website is www.siero24k.it. Pass: Password1

1.png
1.png746×1070 586 KB

2.png
2.png742×1094 384 KB

2

Hey @Offertissimo

Follow these Steps:

  1. Go to Online Store
  2. Edit Code
  3. Find theme.liquid file
  4. Add the following code in the bottom of the file above tag.

Moeed_0-1687783242085.png
Moeed_0-1687783242085.png287×510 144 KB

If I managed to help you then, don’t forget to Like it and Mark it as Solution!

Best Regards,
Moeed

3

Hi, you can try negative margins + setting width to calc(100% + 3rem) for under 749px.

However I would suggest removing padding from parent component for mobile view.

@media screen and (max-width: 749px) {

// mobile styles

}
4

Hello, there’s a problem because i want to remove padding to only images like the image of the product in the top on product page and not all the page and text of the product description. Thank you