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

Store Design
,
1

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

2

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;
  }
}

DanFromRyviu_0-1708918497059.png
DanFromRyviu_0-1708918497059.png998×443 99 KB

Best Regard,

Dan