Brooklyn Theme - How to make desktop and mobile site slide show image the same crop

Hi -

I am using the Brooklyn theme and the images not the slide show are getting cropped when they are viewed on a desktop. Is there anyway that we can prevent that?

I saw another thread where @KetanKumar offered this code but it didn’t work for me.

@media (max-width:749px) {
.image-bar--medium .image-bar__content, .image-bar--medium .image-bar__item {
    height: auto;
}
}

Is there another solution?

www.swinglytoys.com

Thanks!

Melissa

1 Like

@swinglytoys

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

@media (max-width:749px) {
.hero__slide .hero__title, .hero--adapt .hero__title {
font-size: 2.125em;
}
}

Thanks!

I’m sorry but it didn’t work. First screen shot is desktop. Second mobile. I am trying to get them both to look like the mobile one. Thanks!

1 Like

@swinglytoys

do you have to use adapt height?

Hi - I’m sorry I don’t know what adapt height is? I’m just trying to make both mobile and desktop the same - especifically desktop since it keeps getting cropped out.

@swinglytoys

are you check theme customization slideshow section?