Why does my product view show unusual padding after CSS changes?

After a couple of CSS changes, I was able to fix the majority of the issues that came from the changes. I am unable to figure out what the issue is that is creating this strange padding. It appears when you view the product.

https://lobonewyork.com/collections/mens-hoodies-and-sweatshirts

@gihan7575
Hii,

@media screen and (min-width: 1000px)
.product-card__image-with-placeholder-wrapper {
  position: relative;
  min-height: 280px;
}

Replace this css of Online Store->Theme->Edit code->Assets->theme.scss.liquid

Like This

1 Like

You’re the best. Thank you so much. You saved me hours trying to figure this out. I appreciate people like you so much.

@gihan7575 ,

Your most welcome.

Remember me If you have another query !

Have a nice day

1 Like