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

Technical Q&A
1

fxcity_0-1718627518963.png
fxcity_0-1718627518963.png396×785 213 KB

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

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

2

Hi @fxcity

This is Amelia at PageFly - Shopify Advanced Page Builder app.

Could you please share the URL link of your store so we can check it for you?

3

My website is linked below:

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

4

You can try the following steps I have provided to help you solve the problem you are facing:

Step 1: Online Stores > Themes > Edit code

Step 2: Choose file base.css or theme.css

Step 3: Add code

.product__media-list.slider .product__media-item {
  margin: 0px !important;
  padding: 0px !important;
}
.product.grid {
  padding-top: 0px !important;
}

Hoping my solution helps you solve your problem.

Best regards,

Amelia | PageFly