Shopify themes, liquid, logos, and UX
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?
Solved! Go to the solution
This is an accepted solution.
@sammytambu , you can add your code like this :
@media (min-width:968px){
.slideshow img {
object-fit: cover;
width: 100%;
height: 100%;
}
}
This is an accepted solution.
@sammytambu , you can add your code like this :
@media (min-width:968px){
.slideshow img {
object-fit: cover;
width: 100%;
height: 100%;
}
}
Hey Sir,
that worked!
I am so impressed with coding. Awesome, thank you very much for the quick help!
Hey Community 👋 Did you know that March 15th is National Everything You Think Is W...
By JasonH Apr 1, 2025Discover how to increase the efficiency of commerce operations with Shopify Academy's l...
By Jacqui Mar 26, 2025Shopify and our financial partners regularly review and update verification requiremen...
By Jacqui Mar 14, 2025