How to have my product images bleed to the edges of the screen

Store Design
1

It works for my site on desktop, but when I switch to mobile it’s not really centred:

Capture 1.PNG
Capture 1.PNG396×785 213 KB

This is an example of how it is now and what I don’t want.

Website link: https://9g99ww8igezgur08-74826613002.shopifypreview.com

2

@rene94 Please follow below steps to set the product images to edges of the screen. Let me know whether it is helpful for you.

  1. From admin, go to “Online stores” → “Themes”.
  2. Click action button from the current theme and select “Edit code”.
  3. Go to “base.css” file and paste the below code at the bottom of the file and save changes.
.product__media-list.slider .product__media-item {
  margin: 0px !important;
  padding: 0px !important;
}
.product.grid {
  padding-top: 0px !important;
}

Vinsinfo_0-1716272274943.png
Vinsinfo_0-1716272274943.png1888×842 117 KB

Result will be like,

Vinsinfo_2-1716272307676.png
Vinsinfo_2-1716272307676.png852×755 572 KB

Please provide your support by click “Like” and “Accepted” if our solution works for you. Thanks for your support.