Slide show gallery images are cut on the sides in mobile (Simple Template)

Hello all,

Can anyone help me with a solution so that my slide show images are not cut in mobile view?

Thanks in advance for any assistance,

Roshan

1 Like

@10ofCups

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

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

Please share your site URL,
I will check out the issue and provide you a solution here.

Hi @10ofCups ,

Please send your site and if your site is password protected, please send me the password. I will check it.

Thank you Ketan, I appreciate you getting back so quick to me.

I will DM you the info.

Roshan

Hello, thank you for your reply and quick response.

I will first discuss with Ketan above, and if I need additional help. I will be in touch again.

Thank you again,

Roshan

2 Likes

@10ofCups

can you share store url

Shared in PM

1 Like

@10ofCups

can you try this code

  1. Go to Online Store->Theme->Edit code
  2. Asset->/theme.scss.liquid->paste below code at the bottom of the file.
@media screen and (max-width: 768px) {
.slides__image {object-fit: contain;}
}
1 Like

Very much appreciate Ketan! It worked perfectly!

Many thanks!

Roshan

1 Like

@10ofCups

its my pleasure to help us

1 Like

I have the same issue for my site.

Desktop:

Mobile: