How to make image slider larger on mobile (Dawn theme)

[maleka]

Hey,

Hoping someone can help me, please.

I am using the theme Dawn. In order for images to appear correctly on mobile, I have to choose the Slide height option ‘adapt to first image’ but this causes the slider to appear small on mobile. It looks a bit odd size-wise compared to the rest of the homepage.

How can I make the slider larger on mobile view only?

This is how the slider looks:

I would like it to be similar to the size of the banner instead:

My website domain is: https://maleka-uk.myshopify.com/ Password: Development123

Thank you in advance

[KetanKumar]

@maleka

oh sorry for that issue can you try this code

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

@media screen and (max-width: 640px) {
.banner--adapt_image {height: 200px;}
}

[maleka]

@KetanKumar that worked! Thank you for your help!