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

Solved
ohhoneydew
Excursionist
21 2 8

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_1-1623812289301.png

 

Thank you!

 

KetanKumar
Shopify Partner
20320 2104 7614

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
ohhoneydew
Excursionist
21 2 8

@KetanKumar 

thank you so much!

 

www.honeydewbun.com

creepi is pw

KetanKumar
Shopify Partner
20320 2104 7614

This is an 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;
}
}

 

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
LitExtension
Shopify Partner
1182 144 205

This is an 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

LitExtension - Shopping Cart Migration Expert
If our answer is helpful then please accept as solution!
Are you looking for a solution to migrate to Shopify? Contact us for further assistance.
Try our FREE DEMO now!
ohhoneydew
Excursionist
21 2 8

@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
Shopify Partner
20320 2104 7614

@ohhoneydew 

it's my pleasure to help us

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
jennagee
New Member
2 0 2

Hello! 

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

KetanKumar
Shopify Partner
20320 2104 7614

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

If helpful then please Like and Accept Solution.
Want to modify or custom changes on store Hire me.
- Feel free to contact me on bamaniyaketan.sky@gmail.com regarding any help
Shopify Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
0 Likes
jennagee
New Member
2 0 2
Thank you! It’s chefsrollapparel.com