How to turn off the cropping of banner on category pages

Hi, Tried every resolution,

But the images are getting cropped and got pixelated on category banner.

URL - https://www.portronics.com/collections/portable-speakers

2 Likes

Hello There,

1.In your Shopify Admin go to online store > themes > actions > edit code
2.Find Asset >theme.scss.css and paste this at the bottom of the file:

@media screen and (max-width: 749px){
div#shopify-section-collection-header .collection-hero {
height: 45vw;
}
.template-collection h1.section-header__title.appear-delay {
margin-top: 10vw;
}
}
1 Like

@ZestardTech Thanks it worked. If you visit portronics.com on mobile.

The banner images on homepage also getting pixelated how to fix that?

1 Like