Help My banner cuts off on my mobile view website !!!!!!!!

[KetanKumar]

Hello, @Rich2727 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share your site URL,
So I will check and provide a solution here.

[KetanKumar]

@Rich2727 

it can be done some customization code send PM

[TimberlandS]

Hi there,

I'm experiencing similar issues with my site: https://timberlandsupplyonline.com/

I tried copy pasting the code you provided and I'm still not seeing any change. Admittedly, I don't have a coding background so that may be part of the problem.

[KetanKumar]

Hello, @TimberlandS 

Thanks for post.

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
#shopify-section-1599758262223 .hero {
    height: auto;
    background-size: contain;
}
}

[kokoshana]

@KetanKumar Hi, please help me.  The same thing I experience on my mobile device. The image is not full width and there is a white gap between the hero image and the featured collection.  The overlay text is below my hero image and not over the image.

my URL is www.https://everythingcutesy.myshopify.com/

password ETC10

[KetanKumar]

@kokoshana 

Thanks 

can you please give me screenshots further isssue

[kokoshana]

the text is supposed to be an overlay text infront of the hero image but its at the bottom and the image is cut on mobile devicethis is how I want it look but this is a different theme

@KetanKumar 

[KetanKumar]

@kokoshana 

Thanks for post

if possible add different image desktop and mobile 

[Stam]

Hello,

I have the same problem with minimal theme.

I tried your sollution but did not work...

Any advice?

[KetanKumar]

@Stam 

Yes, please share store url