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; }

Hello, Thank you for your question. Please share your store URL, page URL and also password (if your store has one) so we can help you. Kind regards, Diego

Hello, @Shelley_NR Welcome to the Shopify community! and Thanks for your question. Please share your site URL, So I will check and provide a solution here.

Hi, Thank you for responding. URL - naturallyrustic.com.au Password - RusticNaturally Main image on the home page is the issue. Thanks so much. Look forward to a solution to solve this. Jayne.

Thank you dantepw - Worked like a charm.

Hey Diego, i hope you are in good health. I have the same issue that the image won’t resize on mobile. i tried your which was given here. but it cuts my image from the bottom and leaves grey space there. I will be very grateful if you can help I have been looking for a solution and it’s hectic. Than…

Hi. Having the same issue but I do not see theme.scss.liquid in my assets folder. What do I do? Thank you

@ToneGear you look for a similar main CSS file holding your themes style rules. It can be named anything, styles.css, main.css store.css etc and varies wildly by theme

Thank you. That worked but it shrunk both the desktop and the mobile version way too much. Any idea how to fix that?

The original solution was for Debut you can’t just slap the code in without adapting it for your theme, you’ll have to find the proper spot in your theme so it only applies to desktop breakpoints.

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

Store Design

diego_ezfy August 10, 2020, 3:04am 7

You’re welcome! Wishing you a nice week.

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

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

Related topics