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

Solved
Highlighted
Tourist
7 0 1

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.

Highlighted

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

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
Highlighted
Shopify Partner
9422 1187 3301

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.

 

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 Expert | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Highlighted
Tourist
7 0 1

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.

0 Likes
Highlighted

This is an accepted solution.

1. In your Shopify Admin go to online store > themes > actions > edit code
2. 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;
}




◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
Highlighted
Tourist
7 0 1

Thank you dantepw - Worked like a charm.

0 Likes
Highlighted

You're welcome! Wishing you a nice week.

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Needing urgent help? I am currently available for hire, same day response guaranteed: diego.boarutto.fortes@gmail.com
Highlighted
New Member
2 0 0

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

www.lapellestore.com

My page URL

0 Likes
Highlighted
New Member
6 0 2

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

0 Likes
Highlighted
Shopify Partner
2471 128 403

@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

Problem Solved? ✔️Accept and ? Like the solution so you can help others.
Buy me a coffee ☕ paypal.me/paulnewton or donate to eff.org
Confused? Busy? Buy a custom solution paull.newton+shopifyforum@gmail.com
0 Likes