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

KetanKumar
Shopify Partner
20437 2115 7712

@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
0 Likes
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
20437 2115 7712

@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
0 Likes
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
20437 2115 7712

@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
0 Likes
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
20437 2115 7712

@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
0 Likes
Natztech
Shopify Partner
1332 370 906

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
If helpful then please Like and Accept as Solution

PageFly Advanced Page Builder- My favorite drag and drop page builder - Visit the Shopify app store
La-Rose
Tourist
7 0 4

Hey 

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

0 Likes