i want to use different slide image for mobile and desktop on dawn Dawn 12.0.0 theme

Olefia
Excursionist
25 1 6

I want to use different images on slider for mobile and desktop. I am using the Theme "Dawn 12.0.0". now it is showing the same image on mobile and desktop and there is no option to upload different mobile images. kindly help me resolve this 

Replies 2 (2)

Dan-From-Ryviu
Shopify Partner
7052 1334 1355

Hi @Olefia 

You can add two separate Slideshow sections and then add those codes to make them appear separate for mobile and desktop.

Add this code to Custom CSS code of the section that you want to hide on the mobile.

@media (max-width: 749px) {
  slideshow-component {
    display: none !important;
  }
}

Add this code to the Slideshow section you want to hide on the desktop. 

@media (min-width: 768px) {
  slideshow-component {
    display: none;
  }
}
 

DanFromRyviu_0-1706090058641.png

 

 

- Helpful? Like or Accept solution, - Coffee Tips or Paypal Tips
- Ryviu - Product Reviews app, collect product reviews, import reviews from AliExpress, Amazon, Etsy, Shopee and Walmart and CSV.
- Lookfy app: Create Image Lookbook, Photo Gallery with product hotspots
- Enjoy 1 month of Shopify for $1. Sign up now

Olefia
Excursionist
25 1 6

Untitled 2.png

I need this option