Hero Banner gets cut off on Mobile, how do I fix this? DEBUT THEME

[ohhoneydew]

Hi,

So my hero banner gets cut off when i switch to mobile view, is there a way to fix this?

Thank you!

[KetanKumar · Accepted solution]

@ohhoneydew 

thanks 

can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (max-width: 640px) {
#shopify-section-hero-1 .hero--medium {
    height: 330px;
    background-position: -350px !important;
    background-color: #fed2cc;
}
}

[KetanKumar]

@ohhoneydew 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[ohhoneydew]

@KetanKumar 

thank you so much!

www.honeydewbun.com

creepi is pw

[KetanKumar · Accepted solution]

@ohhoneydew 

thanks 

can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

@media only screen and (max-width: 640px) {
#shopify-section-hero-1 .hero--medium {
    height: 330px;
    background-position: -350px !important;
    background-color: #fed2cc;
}
}

[jennagee]

Hello! 

I am having the same issue, but this code does not resolve it. I also have Debut theme. 

[KetanKumar]

@jennagee 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your site URL,
I will check out the issue and provide you a solution here.

[jennagee]

Thank you! It’s chefsrollapparel.com

[KetanKumar]

@jennagee 

thanks store url can you please share issue images

[LitExtension · Accepted solution]

Hi @ohhoneydew, 

Please follow the steps:

- Step 1: Go to Customize > Image with text overlay > Section height.

- Step 2: Select Adapt to image. https://i.imgur.com/BmhZ3lr.png

[ohhoneydew]

@LitExtension @KetanKumar the image still gets cut off, but it's a bit better. It's ok, I can work with how it's cut off now. Thank you guys both for the help!

[KetanKumar]

@ohhoneydew 

it's my pleasure to help us