Mobile View Cuts Off Image Overlay

mobodiboutique
Tourist
7 0 4

Hi I'm hoping someone can help, all the solutions I found in the forum doesn't work. I'm using debut theme and my image overlay are being cut off when in mobile view. I attached 2 screenshots so you can see my issue. I hope I can get this issue solved.

Screen Shot 2021-01-14 at 11.52.33 AM.pngScreen Shot 2021-01-14 at 11.52.47 AM.png

KetanKumar
Shopify Partner
14338 1668 5160

@mobodiboutique 

Sorry for facing this issue, it's my pleasure to help us.

Welcome to the Shopify community!
and Thanks for your Good 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
0 Likes
paramSoft
Shopify Partner
1457 237 654

Please provide website url and if your store is password protected then also provide password

Want to customize Shopify storefront? Check the PageFly app
75,000+ Active Shopify merchants. TOP5 best Shopify Apps.

Contact Me On : parambabla.soft@gmail.com
0 Likes
mobodiboutique
Tourist
7 0 4

Thank you for responding.

www.mobodiboutique.com

password: froleu

0 Likes
mobodiboutique
Tourist
7 0 4

there's a password: froleu

0 Likes
mobodiboutique
Tourist
7 0 4

Thank you for responding.

mobodiboutique.com

password: froleu

0 Likes
KetanKumar
Shopify Partner
14338 1668 5160

@mobodiboutique 

Thanks for it 

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) {
#shopify-section-hero-2 .hero--x-large {
    height: 210px;
} 
}

 

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
mobodiboutique
Tourist
7 0 4

its now showing this error messageits now showing this error messageI think something went wrong because now it looks like this and its not going back to how it looked before 

Screen Shot 2021-01-15 at 12.55.24 AM.png

0 Likes
KetanKumar
Shopify Partner
14338 1668 5160

@mobodiboutique 

Thanks 

can you please let me know where do you have to add this code or best way to add me on staff so i will quick fix

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
mobodiboutique
Tourist
7 0 4

I have no idea how to do that this is a whole nightmare