slideshow mobile debut theme

Solved
Highlighted
New Member
2 0 0

Hey there, on a mobile view of my website the slideshow has zoomed in on my pictures, ive tried the code below and it has not worked for me. My url is dujourthebrand.com. 

 
 
 
 
 
 

Screenshot 2020-10-17 212627.png

 

 

@media only screen and (max-width:767px) {
.slideshow--medium {height: 650px;}
}

 

0 Likes
Highlighted
Shopify Partner
672 100 195

Please provide website url and if your store is password protected then also provide password

If this solution works, then please accept it as solution and like.

If you want any Shopify theme customization, making Website, App development in iOS and Android, Please feel free to contact me.

Email: parambabla.soft@gmail.com
0 Likes
Highlighted
New Member
2 0 0

www.dujourthebrand.com and no password required

0 Likes
Highlighted
Shopify Partner
672 100 195

This is an accepted solution.

Please place this code at the end of theme.scss

@media only screen and (max-width: 768px) {
.slideshow.slideshow--medium {
    height: 371px;
}
.slideshow__image {
    background-size: contain !important;
}
}
@media only screen and (max-width: 425px) {
.slideshow.slideshow--medium {
    height: 205px;
}
}
@media only screen and (max-width: 375px) {
.slideshow.slideshow--medium {
    height: 192px;
}
}
@media only screen and (max-width: 320px) {
.slideshow.slideshow--medium {
    height: 153px;
}
}
If this solution works, then please accept it as solution and like.

If you want any Shopify theme customization, making Website, App development in iOS and Android, Please feel free to contact me.

Email: parambabla.soft@gmail.com
Highlighted
Tourist
11 0 3

Hello ! Have simmilar problem .

I can find good solution. What the size should be for the picture in the banner.

That is good for both : computer and mobile. 

my shop https://ewa-latala-eco-design.myshopify.com/ .

Now on computer looks good, but on mobile is cutting the picture.

I will be very thankfull for advice.!

Ewa

0 Likes
Highlighted
Shopify Partner
672 100 195

@Joanna11 Please place this code at the end of theme.scss

@media only screen and (max-width: 500px) {
  .slideshow__image {
    background-size: contain;
  }
}
If this solution works, then please accept it as solution and like.

If you want any Shopify theme customization, making Website, App development in iOS and Android, Please feel free to contact me.

Email: parambabla.soft@gmail.com
0 Likes
Highlighted
Tourist
11 0 3

Hello!

Thank you, but unfortunately it is working wrong. 
 when I add that all my web is destroyed.:(

0 Likes