How can I adjust my slideshow image for different screen sizes?

[Cukrovinky]

Hi. I would like to have different image in slideshow for mobile size. As you can see on my website, on mobile version the slideshow image is good, but on computer size it's in the middle. I would like to have it more on left and the only way for that is to have different image. Please help. Thanks. https://c31a31-2.myshopify.com/ pass: password

[Dan-From-Ryviu · Accepted solution]

Hi @Cukrovinky 

Dan here from Ryviu: Product reviews & QA app.

You can create 2 slideshow sections and then add this code Custom CSS of the slideshow section that you want to hide on mobile.

@media (max-width: 768px) {
  .slideshow {
    display: none;
  }
}

And add this to section you want to hide on the desktop.

@media (min-width: 767px) {
  .slideshow {
    display: none;
  }
}

Best Regard,

Dan