Hello,
I’m really asking if anyone can help me to do this.
It’s about the collage section. It is too high and needs to be scrolled down a lot. How can I reduce the height of the whole collage section?
I have one more question. When a customer clicks on a menu and loads the products page, I want the top of that page to load a large picture, like a cutout. When I put a picture of the collection it loads a small picture on the right and text on the left. Please help!
Thank you!
Updating Media
@gogo3
Can u Share ur store url?
Yes, sure! 
www.koja.store
@gogo3
add below css into base.css file
.media>img {
object-fit: contain !important;
}
Okay, where? Online Store → Edit Code → Theme liquid or in custom css section in collage?
And this answer is on first question or second?
first one . Yeah u can put that code into custom.css file
Yeah get something like that But again great photo stayed pretty long. Is that all that can be done?
Imagine that the tall photo I want to become almost square.
@gogo3
you can make smaller like shown in below image by adding below css
@media screen and (min-width: 750px)
{
.collage {
grid-template-columns: repeat(4,minmax(0,1fr)) !important;
margin-left: 15% !important;
}
}
Add into theme.liquid file base.css
go to online store → Edit code-> Assets->base.css
(put code into base.css end of the file )
@gogo3
Yeah on line number 2960 line number
No, unfortunately it still doesn’t work. It just narrows and makes the section smaller. I wanted everything to be as it is now, just make the collage section shorter.
