Hey @tuanphan, I would love your help!
A client wants to have Gallery type Simple Grid with 3 rows across on desktop, but only 1 row across on mobile - is that possible? Or, is there a different way? I have some code below that I found somewhere else - that might work? not sure.
my URL is: www.shannonborg.com
the site I'm working on is www.bethkehoe.com - here are the two pages:
https://www.bethkehoe.com/artwork/figure-paintings
https://www.bethkehoe.com/artwork/landscape
Will any of this code work?
Thank you!
Shannon
/* Mobile Screens Only */
@media only screen and (max-width: 640px) {
CODE GOES HERE
}
/* Tablet Screens Only */
@media only screen and (min-width: 641px) and (max-width:950px) {
CODE GOES HERE
}
/* Desktop Screens Only */
@media only screen and (min-width: 951px) {
CODE GOES HERE
}
/* fullsize product image */
@media screen and (max-width:767px) {
img.ProductItem-gallery-slides-item-image {
object-fit: contain !important;
}
}