How do I increase the height of the text so it fits in the text box on an image banner?

[lukafernada]

For example, I want to move the text here upwards so it actually fits inside of the white text box

My website name is cheffings.net

[Sangeetanahar · Accepted solution]

hello @lukafernada 

Go to online store ----> themes ----> actions ----> edit code ---->assets ---->section-image-banner.css...> add the code end of the file

 @media screen and (max-width: 750px) { 
h2.banner__heading.inline-richtext.h1 {
    font-size: 40px;
}

   
}

If this was helpful, hit the like button and accept the solution.
Thanks

[Tech_Coding]

Hello @lukafernada 

You can add code by following these steps

1. Go to Online Store -> Theme -> Edit code.
2. Open your theme.liquid file

3. Paste the below code before </body> on theme.liquid
<style>
@media screen and (max-width: 767px) {
    #shopify-section-template--20584607220061__image_banner_4f3LtE .content-container {
       height: 258px !important;
     }
}
</style>

my reply helpful? Click Like to let me know!
your question answered? Mark it as an Accepted Solution.

[Viralmint]

Hello @lukafernada 

Please add below css code to base.css file
@media screen and (max-width: 767px){
.banner .content-container{
max-width: 70%;
max-height: 100%;
padding: 15px 10px;
}
h2.banner__heading.inline-richtext.h1 {
font-size: 30px;
}
}