Reduce height of mobile banner on each page

Site URL: https://www.clarkforkyachtclub.com/river-tubing

Hello - 

How can I reduce the height of the 1st banner of each page just for mobile?  It's fine on the desktop view, but tends to take up too much space on the mobile view. Thank you!

11 hours ago, oldegray said:

Site URL: https://www.clarkforkyachtclub.com/river-tubing

Hello - 

How can I reduce the height of the 1st banner of each page just for mobile?  It's fine on the desktop view, but tends to take up too much space on the mobile view. Thank you!

You mean the banner "hey I wanna do that"?

9 hours ago, HillaryFiso said:

I want to reduce the height of my slideshow gallery on the homepage banner when displaying on mobile by about 50% but I can't work out how to change this. https://www.whitbycollegiate.school.nz/

 Add to Design > Custom CSS

/* resize slideshow */
@media screen and (max-width:640px) {
    #home-1 .gallery-block {
       .sqs-gallery-design-stacked, & {
    height: 300px !important;
}
.sqs-gallery-controls>a {
    top: 25% !important;
}
    }
}

@tuanphan Yes, exactly!