How to prevent collection banner image from getting cut off?

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


Please help!

Reply 1 (1)

Shopify Partner
5604 1261 1224

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>

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

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