Site URL: https://gazelle-vibraphone-798g.squarespace.com
I am having trouble setting the correct code to fix the mobile image sizing, margins/padding of a gallery slideshow on my home page in Squarespace 7.1. On mobile these images are getting cropped. I want the full image displayed. I have read through several posts on this and have tried using the following code inside Design>Custom CSS with no success.
@media screen and (max-width:767px) {
body#collection-625721445aa78c2d0936faf0 {
.gallery-slideshow-item img {
width: 120% !important;
left: 50% !important;
transform: translateX(-50%);
}
.gallery-slideshow-item-src {
overflow: visible;
}}
}
Here is home page...
URL: gazelle-vibraphone-798g.squarespace.com
pw: ohboyohboy
Gallery
Slideshow: Full
Width: Full
Autoplay: On
Animation: Scale Down
Thanks in advance,
-Rob