Slideshow is too wide on mobile view (Minimal Theme)

Store Design
1

Hi! My pictures for slideshow are not resizing or scaling properly on mobile view for minimal theme, hope you are able to assist, thank you!

24hourstixco_0-1634478065056.png
24hourstixco_0-1634478065056.png365×364 19.5 KB

My URL is 24hoursco.com

2 Likes
2

@24hourstixco

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.

3

@24hourstixco

  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: 749px){
.slides__image {object-fit: contain !important;}
}

Thanks

4

@24hourstixco

sorry i have forgot your url can you try this special section 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) {
#shopify-section-16332674994d946995 .slides__image {
    object-fit: contain;
}
}
5

Thanks so much! works now

1 Like
6

@24hourstixco

its my pleasure to help us