Capital Theme - Optimize images for mobile

[CarolinaGirl]

Can someone please help me with slider images not optimizing for view on mobile device?

www.thebalancedbraco.com

I am specifically looking to fix the slider images -- at the top and then in the middle of the homepage. Thank you. 

[KetanKumar · Accepted solution]

@CarolinaGirl 

sorry for that issue can you try 

1. Go to Online Store->Theme->Edit code
2. Asset->/theme-index.min.css->paste below code at the bottom of the file:

@media (max-width: 720px) {
.slideshow-same-height .slick-slide, .slideshow-same-height .slick-track {
    min-height: 50vh!important;
}
.slideshow-same-height.slideshow-wrapper .svg-placeholder, .slideshow-same-height.slideshow-wrapper img {
height: 50vh !important;
}
}

[BeyondUs]

This doesn't work in our store. We have Capital theme. store URL is https://www.thebeyondus.com/

[KetanKumar]

@BeyondUs 

oh sorry for that issue can please issue image

[EarKit]

Hello, This did not work for me, My images on mobile are still being cut off in the first slideshow of my site. I do not see a section under theme-index.min.css in my assets. 

my site is www.earkit.com

the mobile images are being cut off and not scaling to size. I took screenshots in the customize theme option I can send you. 

Thanks!