Adapt to first option not showing for slideshow on Dawn Theme

[divyadhanani]

Hi everyone,

i’m trying to have my slideshow banners adapt to first image size but the option is not showing. This is making my banner get cut on the mobile site. Can someone please help me with this?

Attaching a screenshot of the cut banner for reference.

[Dan-From-Ryviu]

Hi @divyadhanani could you share your store URL?

[divyadhanani]

https://perked.in/

I have currently not taken the slideshow live as the banner is getting cut.

[Dan-From-Ryviu]

Please make it live so I can provide a solution

[divyadhanani]

Done please check

[Dan-From-Ryviu]

Hi @divyadhanani , you can solve the issue by adding this CSS code in your store admin > Sale channels > Online store > Themes > Edit code > Assets > open base.css file and add this CSS code at the bottom of file

.slider-mobile-gutter . media img { object-fit: contain !important; position: relative !important; }
.slider-mobile-gutter . media { height: auto !important; }
.banner--mobile-bottom .slideshow__text-wrapper { display: none !important; }

[divyadhanani]

This worked perfectly! Thank you

[Dan-From-Ryviu]

Happy I could help