Slideshow only appears half on mobile version - Taste theme.

[Ketoo]

I have installed the Taste theme, but the slideshow on mobile version is only showing half of the complete image. On desktop it looks fine. Is there any way I can change this?

 

[KetanKumar]

@Ketoo 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[Ketoo]

https://ketoo.nl/

[Don]

Hi there @Ketoo!

I'd like to share some info with you here on how slideshow images work in general that should be helpful in terms of your Taste theme.

Due to how these kinds of images are displayed online, it would be necessary to find an image that will look good when cropped to different screen sizes.

Check out our best practices for this kind of image here on our help site to learn more.

Try out a few different images on a few different devices to see which one might fit best in these different environments.

There's more info on how these images work here on our Partner blog if you'd like to get a deeper understanding.

It looks like you're using Shopify to set up a healthy food store, could you tell me a bit more about your business and what else you're working on for it currently?

[KetanKumar · Accepted solution]

@Ketoo 

yes, please confirm 

also if you have need mobile and desktop different image please used below code

[Ketoo]

That would be perfect!

[KetanKumar · Accepted solution]

@Ketoo 

yes, please 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 (max-width: 749px) {
.banner--small:not(.banner--mobile-bottom):not(.banner--adapt) .banner__content {
    min-height: 13rem !important;
}
}

[Ketoo]

It worked! Thank you so much!