Banner Slideshow Code For Mobile Media

Hi,

Site URL https://echidna-finch-8m79.squarespace.com/

Could someone please help me input the correct code to change the height of our banner slideshow on the homepage for mobile? Happy with sizing on desktop. I've tried inputing a couple different ones but I must be missing something.

Assuming this will not effect the second banner slideshow for reviews further down the page.

Cheers in advance

Have a look at this tutorial:

https://www.will-myers.com/articles/responsive-full-width-gallery-section-images

Is it possible for someone to provide the code

Many thanks

10 hours ago, MeggyC said:

Is it possible for someone to provide the code

This is the code from the link I previously shared, with your section ID added for you:

/**
* Will Myers Code
* Keep Aspect Ratio of Fullscreen
* Gallery Section Images
**/
section[data-section-id="64f6b7aeb395c9164c06f3b7"] .gallery-fullscreen-slideshow {
  height: clamp(0px, 56.25vw, 85vh) !important;
}

Hi guys,

Perfect, all sorted and looks great! Thank you so much for taking the time to reply.