Brooklyn theme slideshow crops when switched to mobile view

Store Design
1

Hi.

Can somebody help me with coding. I’ve seen similar problems here on Shipify Discussions and seems that the only solution is to make changes in coding.

store: Poodbeed.myshopify.com

On homepage, when scrolling down, both of the slideshows has cropping issues - when turned to mobile view it doesnt fit on the screen(The reviews slideshow and the single picture in slideshow format). If somebody who knows coding and could help me out, I’d really appreciate that.

probleem.png
probleem.png528×733 144 KB

2

@pood

Please add the following code at the bottom of your assets/theme.scss.liquid file.

@media screen and (max-width:590px){
#HeroWrapper-1629992830f2b85d5c .hero .hero__image {
    height: auto;
    width: 100%;
    object-fit: contain;
    font-family: "object-fit:contain";
}
}

Thanks!

1 Like
3

Thanks! that was fast reply. thanks again