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

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
10868 2142 2277

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

 

 

- Solved it? Hit Like and Accept solution! ❤️Buy Me Coffee❤️
- Reton: Loyalty & Rewards - Earn points through tasks, redeem for discounts, and enjoy exclusive VIP rewards!
- Ryviu - Reviews & QA app: Collect product reviews, import reviews from AliExpress, Amazon, Etsy, Walmart, Shopee, Dhgate and CSV.
- Lookfy Gallery: Lookbook Image: Easy and fast to create Photo Gallery, Lookbook, Shop The Look.
- Reelfy‑Shoppable Videos+Reels: Create shoppable videos to engage customers and drive more sales.
- Enjoy 1 month of Shopify for $1. Sign up now.

Olefia
Excursionist
25 1 6

Untitled 2.png

I need this option