Responsive Gallery for Mobile and Desktop

CoorlasArchitecture · August 8, 2023

Is there any way for a gallery to be set at "Large" height for desktop and "small" or custom height for mobile. "Small" looks ridiculous on desktop and "Large" looks awful on mobile, so there's no good middle ground for wanting to showcase a full image without it being severely cropped, and very unaesthetically composed to showcase my design renderings.

Gallery on homepage:

https://www.coorlasarch.com/

Thanks for anyone willing to help,

Stephen

Edited August 8, 2023 by CoorlasArchitecture
spelling errors

tuanphan · August 9, 2023

Use this to Custom CSS box

/* Homepage - Mobile - Slideshow */
@media screen and (max-width:767px) {
body.homepage .gallery-fullscreen-slideshow {
    height: 30vh !important;
}
}

CoorlasArchitecture · August 10, 2023

Perfect! Thanks so much!

Responsive Gallery for Mobile and Desktop

Recommended Posts

CoorlasArchitecture

Top Posters In This Topic

Popular Days

Top Posters In This Topic

Popular Days

Popular Posts

CoorlasArchitecture

tuanphan

CoorlasArchitecture

Create an account or sign in to comment

CoorlasArchitecture

Circle Benefits

Events

Circle Day

Resources

Product Updates

Squarespace Webinars

Hire a Designer

Support

Community

Developers

Resources