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

Solved
Shelley_NR
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.

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

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
KetanKumar
Shopify Partner
20534 2123 7748

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 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
Shelley_NR
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

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




◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
Shelley_NR
Tourist
7 0 1

Thank you dantepw - Worked like a charm.

0 Likes

You're welcome! Wishing you a nice week.

◦ Product page slider & thumbnails with swiping for free themes: Minimal | Debut | Brooklyn | Supply
◦ Replace apps with simple copy/paste code snippets. Examples clicking here.
Lapellestore
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
ToneGear
Tourist
6 0 4

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

PaulNewton
Shopify Partner
2601 136 475

@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