Resize a image slideshow to mobile HELP PLS!

Technical Q&A
1

My banner in slideshow are perfect in pc, but in mobile, the imagem has cropped

PC →

luca11_0-1626305352358.png
luca11_0-1626305352358.png1886×880 264 KB

Mobile —>

luca11_1-1626305460489.jpeg
luca11_1-1626305460489.jpeg591×1280 77 KB

SHOP LINK : www.falushop.com.br

pass: 1234

PLSS HELP ME

2

Hello There,

  1. In your Shopify Admin go to online store > themes > actions > edit code
  2. Find Asset >theme.scss.css and paste this at the bottom of the file:
@media screen and (max-width: 749px){
div#shopify-section-1522671161106 .slideshow-wrapper .slideshow.slideshow--small {
height: 40vw;
}

div#shopify-section-1522671161106 .slideshow-wrapper .slideshow.slideshow--small .slick-list {
height: 38vw !important;
}
}
1 Like
3

Please follow the steps:

  • Step 1: Go to Online store > Themes > Actions > Edit code.
  • Step 2: Go to Assets > theme.scss.liquid and paste this at the bottom of the file:
    @media screen and (max-width: 749px){
    .slideshow.slideshow–small {
    height: 135px !important;
    }
    }
1 Like
4

thanksssSSSS

5

thaaaanksss

6

If you find our code/comment is useful, please Like and Accept as a solution. It absolutely encourage us!
If you need further support, feel free to let me know, we will help you.