How to edit Collection banner image, Debut theme

Highlighted
New Member
2 0 2

Hi, I have a square image on the home page as my collection image, but when clicked on to the collection page, it comes up as a banner and I cannot find a way to move the image within the banner frame to display the (lower) part of the image in the banner. Is there a way to solve this? Or, a way to upload/save a different image on the collections page banner, to show the product (which is lower in the frame of the home page collection image). Thanks for any suggestions.

1 Like
Highlighted
Shopify Partner
7645 1051 2655

Hello, @WAHKdiana 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
Highlighted
New Member
2 0 2
Hi
You can see the live site on wildatheartkenya.com

Look forward to hearing what you think….

Thank you!
1 Like
Highlighted
Shopify Partner
7645 1051 2655

@WAHKdiana 

@WAHKdiana 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

.collection-hero__image {
background-size: contain;
    height: 450px;
}

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes