Image with text overlay won't resize for mobile - Debut

Solved
KetanKumar
Shopify Partner
22587 2286 8404

@ST82 

sorry

KetanKumar_0-1619468655089.png

 

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
ST82
Tourist
6 0 3

I have inserted the correct url. Thank you

KetanKumar
Shopify Partner
22587 2286 8404

@ST82 

thanks 

sorry i can't see any issue can you please share issue images?

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
ST82
Tourist
6 0 3

There's this gray part appearing on top and at the bottom of the image.Capture d’écran 2021-04-26 231925.jpgCapture d’écran 2021-04-26 232019.jpg

KetanKumar
Shopify Partner
22587 2286 8404

@ST82 

sorry for this issue yes, 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

.hero {background-color: transparent;}

 

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
ST82
Tourist
6 0 3
Click to expand...
Thank you very much for helping me fix it. 
0 Likes
INSTILLBYDESIGN
New Member
1 0 0

Thanks form the future! Huge help! 

0 Likes
KetanKumar
Shopify Partner
22587 2286 8404

@INSTILLBYDESIGN 

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
SimoneC
New Member
2 0 2

I have the Debut Theme and added the code but nothing changed. My URL is https://bossqueenboutique.com/ Please help!

KetanKumar
Shopify Partner
22587 2286 8404

@SimoneC 

sorry for that issue can you please try this code
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-hero .hero--medium {
    height: 160px;
    background-size: contain;
}
}

 

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