How to prevent collection banner image from getting cut off?

How to prevent collection banner image from getting cut off?

Amanda_Uprichar
Excursionist
42 0 12

It cuts off the top and bottom of the image each time. I want it to stay the exact size that I upload. See issue below

 

https://amandauprichard.com/collections/kooreloo-x-au

 

Please help!

Reply 1 (1)

GemPages
Shopify Partner
5625 1262 1251

Hello @Amanda_Uprichar 

I would like to give you the recommendation to support you so kindly follow steps below:

 

1. Go to your Online store > Themes > Edit code
2. Open your theme.liquid file
3. Paste the below code before </body>

<style>
@media screen and (min-width: 1800px){
#shopify-section-collection-template [data-section-id="collection-template"].FlexboxIeFix header.PageHeader {
min-height:820px !important;
}
}
</style>

I hope the above is useful to you.
Best regards,
GemPages Support Team

GemPages - Build any high-converting store pages for any business


- If you find my reply helpful, please hit Like and Mark as Solution
- Get connected: App Store | Blog | Community | Help Center