Solved

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

Cukrovinky
Tourist
22 0 2

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

Accepted Solution (1)

Dan-From-Ryviu
Shopify Partner
7717 1500 1504

This is an 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;
  }
}

 

 

DanFromRyviu_0-1708918497059.png

Best Regard,

Dan

 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now

View solution in original post

Reply 1 (1)

Dan-From-Ryviu
Shopify Partner
7717 1500 1504

This is an 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;
  }
}

 

 

DanFromRyviu_0-1708918497059.png

Best Regard,

Dan

 

- Helpful? Like and Accept solution or Buy me a coffee
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Easy and fast to create Photo Gallery, Lookbook, Shop The Look
- Enjoy 1 month of Shopify for $1. Sign up now