Our image with the text overlay as a banner doesn’t fit the sizes of the mobile and desktop
please help us fix this
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.
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
yes please your can do this
just go to theme customization to slideshow and choose slider height
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
if possible to share issue images
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;
}
}
Hey
it didn’t solve the problem on the desktop it’s still cut…
It didnt solve the problem yet, no change on the desktop its still small and cut
sorry for the late reply yes please this
#shopify-section-1624837350e1d3b333 .image-bar__item {
background-size: contain;
}
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
sorry store doesn’t work now
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