Debut theme - Fit something into mobile screen

Solved
lucyclark
Excursionist
19 0 7

 

Screen Shot 2021-04-10 at 4.33.09 pm.png

 

Hi, can anyone please help me with the coding in order to fit this design into my website? At the moment it is cropped on mobile view! The website is www.silkstyler.com.au and password iattao 

Thank you!  

KetanKumar
Shopify Partner
17064 1850 6387

@lucyclark 

sorry for this issue can you please add this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.

@media only screen and (max-width: 749px) {
background-size: contain;
}

 

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
lucyclark
Excursionist
19 0 7

Thank you for your help, unfortunately this did not fix the issue 

0 Likes
KetanKumar
Shopify Partner
17064 1850 6387

@lucyclark 

thanks but i can't see above please add and let me know

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
lucyclark
Excursionist
19 0 7

Thank you Ketan, unfortunately code above has not worked to fix the issue 

0 Likes
KetanKumar
Shopify Partner
17064 1850 6387

This is an accepted solution.

@lucyclark 

can you please try this 

@media only screen and (max-width: 749px) {
.hero--large {
    height: 150px;
}
}
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
lucyclark
Excursionist
19 0 7

Thank you very much  

KetanKumar
Shopify Partner
17064 1850 6387

@lucyclark 

it's my pleasure to help 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