Why is the image size from desktop not change when going on mobile DEBUT THEME

healhana
Explorer
45 0 16

Hi there

When I go from Desktop to Mobile, the banner (image with text overlay) doesn't resize and as a result you cant see most of the picture.

Ideally, it would be best to change the image to one that fits mobiles, but if this is not possible can you help with fixing what the picture shows on mobile.

Please see screenshots.

Screenshot 2021-03-04 at 20.24.08.pngScreenshot 2021-03-04 at 20.24.16.png

Thanks!

0 Likes
KetanKumar
Shopify Partner
15811 1755 5828

@healhana 

sorry for this issue 

can you please share store url and if password protect can you please share 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 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
0 Likes
healhana
Explorer
45 0 16

Thank you! url is healhana.com and the preview is on https://w0sdwyel2km4s2tn-47542796440.shopifypreview.com.

Please let me know if you need anything else?

0 Likes
KetanKumar
Shopify Partner
15811 1755 5828

@healhana 

i have already post this solution can you please try this

https://community.shopify.com/c/Shopify-Design/How-do-i-change-the-banner-size-on-mobile-view-DEBUT-...

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
0 Likes
Natztech
Shopify Partner
366 92 174

 

please Go to Online Store->Theme->Edit code then go to Asset->/theme.css ->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
div#Hero-hero-2 {
    background-position: bottom !important;
    background-size: contain;
    height: auto;
    display: block;
}
}

 

Want to theme customize Hire us.
If helpful then please Like and Accept Solution

E-mail :natztech2312@gmail.com
Shopify Design Changes | Shopify Custom Theme Design and Development

Whatsapp :
0 Likes
shopexpert007
New Member
4 0 0

Hi @healhana 

I have checked the website and this issue is fixed there but many other issues are showing in mobile layouts, please let me know if you want to fix those. 

Thanks 

 

Skype : anuj.softgrid

0 Likes
healhana
Explorer
45 0 16

Hi there,

What other issues are you spotting?

0 Likes
healhana
Explorer
45 0 16

It just says invalid share key for both links?

0 Likes