Hello, I am also unable to adjust the image for a collection banner. I have seen some other solutions that include cutting and pasting code (yikes) but was hoping to use a features like on other pages where you can click and drag the image into the desired position. If that is not a capability within shopify then I guess I can try my hand at the coding thing.
my site is safeteethird.com
Any assistance is appreciated!
Thank you!
hello @pete019 Welcome to the shopify community. there is no need for custom coding for collection images. First you need to re-size all the collection images by using adobe photoshop then upload them again. if you need any help to do this task then please let me know i will design more professional banners for your website
Hi @pete019 ,
Please follow the steps:
Step 1: Go to Online store > Themes > Actions > Edit code.
Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
.collection-hero__image{
// for desktop
height: 400px !important;
}
@media only screen and (max-width: 749px){
// for mobile
.collection-hero__image {
height: 180px !important;
}
}
Hope this helps!
The problem isn’t each collection image. The problem is the banner to the collection on the first page.
