How can I improve the quality of slideshow images on desktop view?

Store Design
1

Hey my slideshow images are perfect on mobile but lose quality on desktop because they are cropped to fit, is there a way to fix this that they show like on mobile? or is there at least a way to make the quality look better

Mavidals.com

2 
.bgset {
    background-size: 100% 100%;
}

Add this css at the bottom of
Online Store->Theme->Edit code->Assets->theme.scss.liquid

1 Like
3

Is there a way to do it without the image looking stretched?

4 
@media only screen and(min-width:769px){
.bgset {
    background-size: 100% 100%;
    height: 200vh;
}
}

Please Try this code, If this not work, then let me know !

have a nice day !

1 Like
5

Thank you

https://vimeo.com/581611734 Aside from it looking stretched, this was perfect

https://vimeo.com/581611801 Second code didn’t work, it also changed the collection images

6

oscprofessional_0-1627804954604.png
oscprofessional_0-1627804954604.png1877×894 363 KB

do you want like this?

7

Yes

8

@Mavidals ,

your issue is solved or not ?

9

Hola, una pregunta.

Lo que pasa es que en mi pagina de inicio tengo una presentacion de diapositivas, coloco una imagen como Banner pero al mirar la version mobile, la imagen no se ajusta a su tamaño y me gustaria saber si hay alguna manera de poder configurar para poder ajustar esa imagen a la version mobile.

te agradezco si me ayudas.