Change mobile slideshow image size in debut theme

[chakranutrition]

Hi there,

Does anyone know how to change the size of the slideshow placeholder on the mobile version of the debut theme? I’ve made some changes to my code so I can swap out different images for desktop and mobile, and made the slideshow clickable without a button.

This is what it looks like right now:

But I want the full image to display:

[KetanKumar]

@chakranutrition

yes please try this code

https://www.mojoin.com/show-shopify-banner-image/

[chakranutrition]

Thanks for your response Ketan. That link is for images, not for slideshows. Is there a way to change the dimensions for slideshows?

[KetanKumar]

@chakranutrition

can you please show me your store url soi will check and let you know

[chakranutrition]

Chakra Nutrition

Password: inproduction

[KetanKumar]

@chakranutrition

thanks for url can you please try this code

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

@media (max-width: 749px) {
.slideshow {height: 100vw !important;}
}

After code result

[chakranutrition]

It worked! Thanks so much!

[KetanKumar]

@chakranutrition

its my pleasure to help us