Product Images Cut Off on Collection Page

Store Design
1

Hi

A handful of my product images are being cut off on my collection page. How do I fix this?

mhigh_0-1629416390182.png
mhigh_0-1629416390182.png1421×526 92.9 KB

1 Like
2

@mhigh

Please share your store URL.

3

Hi, welcome to the shopify community

please share your site URL and if your site is password protected then please give your password also.

so, I will help you to solve this issue.

4

https://azureskincare.com/collections/all-products

5

@dmwwebartisan

6

@mhigh

Please add the following code at the bottom of your assets/theme.css file.

.pf-r-eh>.pf-c>div {
    width: 100%;
    display: flow-root !important;
}

Thanks!

1 Like
7

please add this css in bottom of assest/theme.css

.sealsubs-target-element {

flex: 0;

}

8

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > main-style.css and paste this at the bottom of the file:
    .pf-r-eh>.pf-c .sealsubs-target-element {
    display: none !important;
    }
    Hope it helps!
9

Thank you!