How to turn off the cropping of banner on category pages

Solved
Shivam97
Pathfinder
132 0 53

Hi, Tried every resolution,

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

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

skupepe.PNG

Pallavi
Shopify Expert
2187 355 465

This is an accepted solution.

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;
}
}
Want to modify or develop new app, Hire us.
If helpful then please Like and Accept Solution .
Email: support@zestard.com
Shopify Apps URL :- https://apps.shopify.com/partners/zestard-technologies
Custom Modifications Into Shopify Theme | Shopify Private App | SEO & Digital Marketing
Shivam97
Pathfinder
132 0 53

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

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