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

Highlighted
New Member
2 0 1

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 

1 Like
Highlighted
Shopify Partner
7598 1047 2632

Hello, @LunaRyn 

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

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

KetanKumar_0-1598808540929.png

 

 

 

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
Highlighted
New Member
2 0 1
Highlighted
Astronaut
1083 178 213

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

◦ Problem Solved? ✔️ Please click on Accept as Solution and like.
◦ Hire me! Recommended by 25+ customers on Facebook. Click here to read their reviews.
◦ Contact me at: diego.boarutto.fortes@gmail.com
0 Likes
Highlighted
Tourist
3 0 2

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

Generatorupgradesupply.myshopify.com

1 Like
Highlighted
Shopify Partner
7598 1047 2632

@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.

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
Highlighted
Tourist
3 0 2

968A3CBD-0EDF-4A1D-A21B-01BE16FFA4F9.png

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

0 Likes
Highlighted
Shopify Partner
7598 1047 2632

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

 

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
1 Like
Highlighted
Tourist
3 0 2

This worked perfectly Thank you!

1 Like
Highlighted
Shopify Partner
7598 1047 2632

@krwharton7 

Thanks for update.

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