Debut theme gallery image cropping issue

Solved
abcommonfiction
Shopify Partner
5 0 3

Hey guys, I'm currently building a site using Debut theme, and having a bit of issue with the gallery images not being responsive, and cropping on smaller screens. 

So - this is how it looks on laptop, and I'm pleased with how it looks:

Screenshot 2021-05-06 at 22.28.21.png

 

 

 

 

 

 

But on mobile, the image crops like this:

IMG_F531C11239E2-1.jpeg

Is there any css I can do to fix this? I've got the Gallery section height set to Large.

KetanKumar
Shopify Partner
18927 1986 6999

@abcommonfiction 


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 site URL,
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 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
abcommonfiction
Shopify Partner
5 0 3

Hey Ketan, thanks for replying

https://maggies-bakery-andover.myshopify.com/
password: commonmaggies

KetanKumar
Shopify Partner
18927 1986 6999

This is an accepted solution.

@abcommonfiction 

thanks can you please try this code

1. Go to Online Store->Theme->Edit code
2. Asset->/theme.css ->paste below code at the bottom of the file.
this code apply for after 5 - 6 second

#shopify-section-16085699304e970dfc .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 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
abcommonfiction
Shopify Partner
5 0 3

Hi Ketan,

That has worked well! Is there anyway I can change the background colour from white to the same as the rest of the page?

0 Likes
abcommonfiction
Shopify Partner
5 0 3

Forget it - I managed to work it out, haha!

Thanks for all your help @KetanKumar 

KetanKumar
Shopify Partner
18927 1986 6999

@abcommonfiction 

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
CraigLennon
Tourist
4 0 3

Hi Ketan

I am having the same issue with my Debut Themed store. Certain images are not responsive on Mobile

I edited the code as you suggest but problem has not been resolved. 
Do you have any other suggestions?

Please let me know
Thanks Craig 

KetanKumar
Shopify Partner
18927 1986 6999

@CraigLennon 

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 site URL,
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 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
CraigLennon
Tourist
4 0 3

Thank you Ketan

Really appreciate your help
here is the link

https://bnym-markets.myshopify.com/