Why are my product images getting cut off on the front page?

Store Design
1

Hey guys

I have a problem with the product on my front page gets cut off. I have a design with a image on the left side and a product or product collection on the right side. A standard block that is.

The shoe in the image get cut off to the left and right. I cant find how to solve this. Any ideas ?

34.jpg
34.jpg777×598 31.7 KB

Thanks alot!

1 Like
2

Hi @Knofan ,

Would you mind to share your store URL website? with password if its protected. Thanks!

3

Hello Ribe_Dagandara

See below

https://sspab-2434.myshopify.com/

pwd neestu

4

HI @Knofan

This is Henry from PageFly - Landing Page Builder App

You can try this code by following these steps:

Step 1: Go to Online Store->Theme->Edit code.

Step 2: Search file base.css

Step 3: Paste the below code at bottom of the file → Save

.card__media img.motion-reduce {

object-fit: contain !important;

}

Hope that my solution works for you.

Best regards,

Henry | PageFly

1 Like