How can I remove the empty white space at the bottom of my hero banner on MOBILE?

[mayatranquila]

how can i remove the white space and make it full width? its only an issue for mobile view

[DaisyVo]

Hi @mayatranquila 

You can try to follow this step
Step 1: Go to Edit code
Step 2: Find file base.css and add this code at the end of the file

.section {
    padding-top: 10px !important;
}

Result 

Best, 

Daisy

[Dan-From-Ryviu · Accepted solution]

Hi @mayatranquila 

You can do that by adding this code to Custom CSS in Sales channels > Online store > Themes > Customize > Theme settings 

@media (max-width: 749px) {
    #shopify-section-template--18322925224182__hero_banner_jh7CrN .hero__inner {
        height: 100vh;
    }
}

[mayatranquila]

it worked but I had to put the code in base.css not inside the theme editor, thank you 🙂

[Dan-From-Ryviu]

You are very welcome!