How can I eliminate unnecessary space under the hero image on mobile?

Store Design
1

On my site https://halomattresses.com i would like to remove the blue space under the hero image on mobile. Please advise on how to remove it with code.

unnamed.png
unnamed.png1170×2532 421 KB

2

Hi @Lheilers ,

Please follow the instructions below

  1. From your Admin Page, click Online Store > Themes >Actions > Edit code
  2. In the Asset folder, open the base.css
  3. Paste the code below at the very bottom of the file.
@media only screen and (max-width: 750px) {
.slideshow__text-wrapper.banner__content {
    display: none;
}
}
3

on the site how do i make the header image clickable to go to https://www.halomattresses.com/collections/mattresses