Hide or reduce mobile banner in Jones template

Hi, seen this for a couple other templates but not for Jones - can someone help? I just want to hide the banner or even just reduce its height. Site is watchandkey.studio, thanks!

@BenWatch to hide banner in mobile, add this to HOME > DESIGN > CUSTOM CSS

@media screen and (max-width:640px) {
.page-banner-wrapper {
   display: none;
}
}

To reduce banner height, use this code

@media screen and (max-width:640px) {
.page-banner-wrapper {
   height: 30vh !important;
}
}

Reference: https://beaverhero.com/jones-template-squarespace/#ReduceMobileBanner_Height

@tuanphan can you help to keep banner image the same height (or larger than its' default crop) when in mobile view??

https://thefatdonkey2020.squarespace.com
Password: DONKEY
 

8 hours ago, colehensley said:

@tuanphan can you help to keep banner image the same height (or larger than its' default crop) when in mobile view??

https://thefatdonkey2020.squarespace.com
Password: DONKEY
 

incorrect password

@tuanphan Sorry. Donkey. (not all caps. Just "D").