How can I adjust the slideshow picture size for desktop view only?

Store Design
, , ,
1

Hello Guys!

Problem: Slideshow Picture of Desktop View is cut.

Is there a Code I can use, that affects only the desktop view?

I copied this Code in CSS:

.slideshow img {
object-fit: cover;
width: 100%;
height: 100%;
}

and it worked really well.

The only Problem is, the code affects both views (Mobile and Desktop) and I dont want to change the Mobile view.

Is there a chance I can only change the height of the desktop slideshow view?

2

@sammytambu , you can add your code like this :

@media (min-width:968px){

 .slideshow img {
object-fit: cover;
width: 100%;
height: 100%;
}

 

}
1 Like
3

Hey Sir,

that worked!

I am so impressed with coding. Awesome, thank you very much for the quick help!

1 Like