Removing white space in mobile version Dawn Theme

[kalahealth]

Hi, how do I remove the top and bottom white spaces when in mobile view?

https://8888ce-29.myshopify.com/pages/real-life-stories

[Dan-From-Ryviu]

Hi @kalahealth

Please add this code to Custom CSS in Online Store > Themes > Customize > Theme settings

@media (max-width: 749px) {
#Banner-template--18116762665191__image_banner {
max-height: 430px;
}
}

[Eric-HAN]

Hi, there

please you could try and add them to your theme.liquid or base.css

Step 1: Go to the online store ->Theme ->Edit Code.

Step 2: Find the theme.liquid file or base.css and add the following code

.media>img {
    object-fit: fill !important;
}

or

.media>img {
    object-fit: cover !important;
}

[kalahealth]

Thank you! it works for my main home page banner, but how do i get it to work on all my other page banners?

[Kyle_liu]

Hi @kalahealth

You need to modify your theme code

@media screen and (max-width: 749px) {
  .banner__content::before {
    padding-bottom: 100% !important;
  }
}