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

Store Design
1

Hi,

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

ohhoneydew_0-1623812273961.png
ohhoneydew_0-1623812273961.png1366×675 174 KB

ohhoneydew_1-1623812289301.png
ohhoneydew_1-1623812289301.png491×591 82.6 KB

Thank you!

1 Like
2

@ohhoneydew

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

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

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

3

@KetanKumar

thank you so much!

www.honeydewbun.com

creepi is pw

1 Like
4

@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;
}
}
1 Like
5

Hi @ohhoneydew ,

Please follow the steps:

1 Like
6

@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!

1 Like
7

@ohhoneydew

it’s my pleasure to help us

1 Like
8

Hello!

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

1 Like
9

@jennagee

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

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

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

10

Thank you! It’s chefsrollapparel.com

1 Like
11

@jennagee

thanks store url can you please share issue images