Change the size of slideshow

Solved
LEUNGGUOTAO
Excursionist
29 0 4

Hi there

I would like to change some of the size for image in slide show to make it bigger than before on mobile version ( desktop version is ok) . 399px*341px is the size I am looking for .Pls help me .

My Url : sales.bellissimochina.com 

LEUNGGUOTAO_2-1627439950291.png

 

 

0 Likes
HardikDavra
Shopify Partner
2440 382 1029

@LEUNGGUOTAO 

Please Go to Online Store -> Themes -> Edit code -> Assets -> theme.scss.liquid and paste this code at the end of this file.

@media only screen and (max-width: 400px) {
#shopify-section-1626935711b8e5c40e .home-slideshow .slideshow .images-contain img {
    height: 341px;
    -o-object-fit: cover;
    object-fit: cover;
}
}

 

LEUNGGUOTAO
Excursionist
29 0 4

Hello Thanks!it works! But the size of slideshow is difference when I use different mobile phone to browse it .Why? Can I keep it same?

LEUNGGUOTAO_0-1627455950369.pngLEUNGGUOTAO_1-1627455955941.png

 

 

HardikDavra
Shopify Partner
2440 382 1029

This is an accepted solution.

@LEUNGGUOTAO  Please remove my old code and set this new code

@media only screen and (max-width: 500px) {
#shopify-section-1626935711b8e5c40e .home-slideshow .slideshow .images-contain img {
    height: 341px;
    -o-object-fit: cover;
    object-fit: cover;
}
}
design12212
Tourist
3 0 2

@HardikDavra 

 

0 Likes