help with slideshow gallery on mobile

Site URL: http://builtcomplete.com.au

Good morning,

I'm hoping you can help me with a Slideshow Gallery. It works fine on the desktop but on mobile view there is a huge amount of white space underneath the slideshow and before the footer.

Can you please tell me how to correct this for mobile so there is no white padding underneath the gallery ?

Originally the image crops off the sides of the image on mobile, I managed to correct this with

/* CSS FOR MOBILE */
@media @mobile { 
 .gallery-fullscreen-slideshow-wrapper {
  width: 100%;
  height: 50%;
}

MOBILE HAS TOO MUCH WHITESPACE UNDER THE GALLERY AS BELOW

DESKTOP IS PERFECT

Hi,
try adding these in the css editor:

@media screen and (max-width:767px) {
[data-section-id="your id here"] {
    height: 20vh;
}

(you must insert the id of you container, you che find it by doing inspect element on your browser)

CREDIT: Tuanphan

Use this tool to find id. https://chrome.google.com/webstore/detail/squarespace-id-finder/igjamfnifnkmecjidfbdipieoaeghcff?hl=en