The slideshow appears only center part of image on mobile (Dawn theme)

Store Design
1

Hi, shopify community

I’ve tried to like this solution, but it’s not working.
https://community.shopify.com/c/shopify-design/dawn-theme-5-0-the-slideshow-looks-great-on-desktop-but-on/m-p/1598883

I want to show all part of image on mobile.

How can I fix this?

Any help would be greatly appreciated.

https://yokiplaza.myshopify.com/
pw: arubre

2 Likes
2

@yokiP

oh sorry for that issue can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/section-image-banner.css ->paste below code at the bottom of the file.
@media screen and (max-width: 749px) {
.banner--small.banner--mobile-bottom:not(.banner--adapt) .banner__media, .banner--small.banner--stacked:not(.banner--mobile-bottom):not(.banner--adapt)>.banner__media {
    height: 15rem !important;
}
1 Like
3

You are so kind! It was really helpful.
Thank you very much!!!