Help My banner cuts off on my mobile view website !!!!!!!!

[LunaRyn]

Hello, I am having an issue when you see my store on the computer the banners are perfect in size and nothing gets cut out.. but when I open my website on my phone it is cutting off my banners wording. Someone please help !

my website is lunarynboutique.com 

[KetanKumar]

Hello, @LunaRyn 

Welcome to the Shopify community!
and Thanks for your Good question.

sorry, we're not able to store see the picture.

[LunaRyn]

it is https://www.lunarynboutique.com/

[diego_ezfy]

Do this to fix it in 20 seconds:

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:

@media (max-width: 767px){
    [id] .image-bar__item{
    background-size: contain !important;
    max-height: 40vw !important;
    background-color: unset !important;
}
}

Please let me know whether it works.

Kind regards,
Diego

[krwharton7]

I have this issue but mine seems to be just on my blog posts. Any help is appreciated. Thanks!

Generatorupgradesupply.myshopify.com

[KetanKumar]

@krwharton7 

Welcome to the Shopify community!
and Thanks for your Good question.

Please share further issues screenshot.
So I will check and provide a solution here.

[krwharton7]

 the right hand side is cutoff whether I turn the phone or not. Also you can’t even scroll to the right. Thank you!

[KetanKumar]

@krwharton7 

Thanks for the details 

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

.template-article .rte div { width: 100% !important;}

[krwharton7]

This worked perfectly Thank you!

[KetanKumar]

@krwharton7 

Thanks for update.