Homepage slideshow - reduce section size on mobile

Hello,

I have a slideshow on my homepage "Slideshow: Full" using Fluid Engine (Squarespace 7.1).

I've added the below code to resize my images for mobile, and this is all working fine:

@media only screen and (max-width: 767px) {
  section[data-section-id="64ed72af0764420ce18dc910"] img {
    height: auto !important;
  }

However I now have a large gap underneath the images within this section that I can't manually adjust (screenshot attached).

I've tried the code below to reduce this (and reduced the VH), but it's not working properly. 

@media only screen and (max-width:767px) {
.gallery-fullscreen-slideshow{
height: 20vh!important
}
}

Any other suggestions?

Thank you

13 minutes ago, SPR_85 said:

Hello,

I have a slideshow on my homepage "Slideshow: Full" using Fluid Engine (Squarespace 7.1).

I've added the below code to resize my images for mobile, and this is all working fine:

 

@media only screen and (max-width: 767px) {
  section[data-section-id="64ed72af0764420ce18dc910"] img {
    height: auto !important;
  }

 

However I now have a large gap underneath the images within this section that I can't manually adjust (screenshot attached).

I've tried the code below to reduce this (and reduced the VH), but it's not working properly. 

@media only screen and (max-width:767px) {
.gallery-fullscreen-slideshow{
height: 20vh!important
}
}

 

Any other suggestions?

Thank you

 

Can you share your website URL?

@Web_Solutions  yes - 

URL: https://pineapple-apple-52zp.squarespace.com/config/pages

Password: Test1234

3 minutes ago, SPR_85 said:

@Web_Solutions  yes - 

URL: https://pineapple-apple-52zp.squarespace.com/config/pages

Password: Test1234

I just see it. Where is the gallery?

@Web_Solutions it is on the homepage ("home"), in the "not linked" section. It is the image slideshow right at the top. If you go to the mobile view, it's appearing as per the attached screenshot with a big gap under the images.

Thank you

5 hours ago, SPR_85 said:

@Web_Solutions it is on the homepage ("home"), in the "not linked" section. It is the image slideshow right at the top. If you go to the mobile view, it's appearing as per the attached screenshot with a big gap under the images.

Thank you

Can you send me the Home page URL SLUG?

@Web_Solutions yes it's "hometemp"

10 minutes ago, SPR_85 said:

@Web_Solutions yes it's "hometemp"

You have disabled the page. That's why I can't see the page. You should enable the page.

@Web_Solutions Ah I see - I have now enabled the page, please let me know if you can access it at the below: 

https://pineapple-apple-52zp.squarespace.com/config/pages

The slug is still /hometemp but that isn't displaying in the URL above.

Thank you

@Web_Solutions thanks so much!