FROM CACHE - en_header

Problem with the image sizes on desktop and mobile

La-Rose
Tourist
7 0 4

Our image with the text overlay as a banner doesn't fit the sizes of the mobile and desktop

please help us fix this 

laroseusa.com

Replies 14 (14)
KetanKumar
Shopify Partner
34396 3444 11271

@La-Rose 

Sorry you are facing this issue, it would be my pleasure to help you.

Welcome to the Shopify community!😊
Thanks for your good question.

Please share your issue images,
I will check out the issue and provide you 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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
La-Rose
Tourist
7 0 4

Hey there

Thank you very much for your help

I cant take a screenshot for some reason

you can see on our website home page the first banner is only showing half of it or even less then half on the desktop and on the mobile its showing 80% of the banner 

 

KetanKumar
Shopify Partner
34396 3444 11271

@La-Rose 

yes please your can do this 

just go to theme customization to slideshow and choose slider height

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
La-Rose
Tourist
7 0 4

This is not helping i know this 

I need to fix something in the code that will separate the desktop from the mobile and will adjust the sizes for each one

KetanKumar
Shopify Partner
34396 3444 11271

@La-Rose 

if possible to share issue images

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
La-Rose
Tourist
7 0 4

Hey please Help with this the sizes are bad...

Even on the mobile it doesn't show the whole photo like it should and i don't know how to change it 

20210627_165141.jpg20210627_165133.jpg

KetanKumar
Shopify Partner
34396 3444 11271

@La-Rose 

oh sorry for that 

can you please confirm is this fine?

KetanKumar_0-1624854960637.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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
Kinjaldavra
Shopify Partner
2302 569 1407

hello @La-Rose 

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

 @media only screen and (max-width: 429px){
#shopify-section-1624837350e1d3b333 .grid .grid__item .image-bar__item  {
    background-size: contain;
    background-repeat: no-repeat;
}
}



 

Want to theme customize contact us E-mail : natztech2312@gmail.com | Whatsapp
Build your professional store with GemPage Page Builder
La-Rose
Tourist
7 0 4

Hey 

it didn't solve the problem on the desktop it's still cut...

La-Rose
Tourist
7 0 4

It didnt solve the problem yet, no change on the desktop its still small and cut

KetanKumar
Shopify Partner
34396 3444 11271

@La-Rose 

sorry for the late reply yes please this

#shopify-section-1624837350e1d3b333 .image-bar__item {
    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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
rich124
Tourist
7 0 1

Hello

I have the same issue - I cant get one image on a slide show to work on both my mobile and desktop view, there is 3 images the slideshow and they all work ok but just ones doesn't, see screen shots below of desktop view and mobile view. I haven't got the banner live on my website as it looks stupid on the mobile view.

my website is www.beautgencis.co.uk

rich124_0-1637013992787.png

 

KetanKumar
Shopify Partner
34396 3444 11271

@rich124 

sorry store doesn't work now

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 Partner | Skype : bamaniya.sky
PSD to Shopify | Shopify Design Changes | Shopify Custom Theme Development and Desing | Custom Modifications In to Shopify Theme | SEO & Digital Marketing
mineshop
New Member
2 0 0

Hi, is there a solution to this issue already? I have the same problem. The image when in mobile setting works perfectly fine but when in desktop mode the image is cut. Any help? 

 

Thanks