Dear Bangank36, thank you so much! It worked. I just changed the 'calc(100vh - 60px)' to 'calc(100vh - 7px)'. For some reason 60px made it reduce the height of the image to 50%.
Your code is super useful, so thank you!!
Try adding to Home > Design > Custom Css
#collection-61c46f73438d012e5c40747e .sqs-gallery {
max-height: calc(100vh - 60px) !important;
}
#collection-61c46f73438d012e5c40747e .slide img {
height: 100% !important;
width: auto !important;
left: 50% !important;
transform: translateX(-50%);
}
#collection-61c46f73438d012e5c40747e .slide {
height: 100% !important;
}
Let me know how it work on your site
marko1601 got a reaction from Beyondspace in Making a Slideshow Gallery Block spanning entire page responsively
