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?