Hi, can anyone help me, please? The image I have uploaded into ‘Image with text overlay’ won’t resize at all for the mobile view. Debut theme. I have tried some of the suggestions on here already with no luck. Thank you in advance.

In your Shopify Admin go to online store > themes > actions > edit code Find Asset > theme.scss.liquid and paste this at the bottom of the file: .hero[id]{ background-size: contain !important; height: 41vw !important; width: 100% !important; }

Hi KetanKumar Thank you for your response! My URL is soigne-everyday.myshopify.com

I’m using Debut. It’s gray at the bottom after I added the code. Did anyone get it fixed? Please help, thank you.

@ST82 Sorry for facing this issue, it’s my pleasure to help us. Welcome to the Shopify community! and Thanks for your Good question. :blush: Please share your site URL, So I will check and provide a solution here.

Hi, its www.meenatoyz.com thank you

@ST82 sorry [KetanKumar_0-1619468655089.png]

I have inserted the correct url. Thank you

@ST82 thanks sorry i can’t see any issue can you please share issue images?

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

@ST82 sorry for this issue yes, please add this code Go to Online Store->Theme->Edit code Asset->/theme.css ->paste below code at the bottom of the file. this code apply for after 5 - 6 second .hero {background-color: transparent;}

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

Store Design

albertthe August 20, 2021, 7:16am 34

Same here. I did pasted the code but when I switched to the mobile view mode, the view got a bit weird as there are gray colors on both above and bottom of the pic. Any help from the admins?

Topic		Replies	Views
Help! Image with text overlay won't resize for mobile - Debut Theme Store Design	4	45	April 5, 2022
Theme editor: Debute --> Mobile Version "Image with text overlay" Store Design	1	19	May 4, 2022
Debut theme - Image with text overlay - MOBILE Store Design	1	23	June 9, 2022
Text image overlay code to resize for debut theme Store Design	1	24	August 24, 2021
Problems in sizing image with text overlay in Debut theme Store Design	3	28	January 26, 2022

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

Related topics