Ernest

I have fixed it with one of your earlier codes but changing the numbers a little bit: instead of height '100vh' I changed it to height '75vh' and all is perfect now!!
Thank you!!
 
The code that worked:
/* Mobile slideshow */
@media screen and (max-width:767px) {
.gallery-slideshow {
    height: 75vh !important;
}
}
 

Try adding to Design > Custom CSS
/* Mobile slideshow */ @media screen and (max-width:767px) { .gallery-slideshow { height: 100vh !important; } }  

up, i have a similar problem in  7.1 -> https://patrycjahelenabielawska.squarespace.com/
 
it's supposed to look like this:



but on smaller screens looks like this:





on mobile version the space between paired pictures disappears and looks terrible.

 
on top of that the mobie version shown in the dashboard is different than the mobile version in reality. mobile in dashboard:



mobile on actual mobile:



in reality the gaps between each pair is bigger and randomly some tiny spacing appears between pictures within a pair

> any suggestion for a fix with blank page with image blocks?

> using a gallery is not an option as for 2 columns even with inset setting the pictures are too big for a laptop screen and i want visitors to see the pictures in full at once without scrolling. unless some code magic could solve too big images in the gallery?