show different-different images in slideshow for desktop and mobile

Shopify Apps
1

hello everyone ! how i show different banner images in slideshow for desktop and mobile view in dawn theme

2

You can add more slide blocks in the slideshow section.

3
  • Here is the solution for you @Ashish_Nigam
  • Please follow these steps:

step.png
step.png1865×854 125 KB

  • Then find the base.css or theme.css file.
  • Then add the following code at the end of the file and press ‘Save’ to save it.
@media only screen and (max-width: 600px) {
 .image-desktop {
 display: none !important
}
}
@media only screen and (min-width: 600px) {
 .image-mobile{
 display: none !important
}
}

  • You can add 2 image banners and add the following code to display different image banners for mobile and desktop

    • Where “image-desktop” is the class of the image banner you want to display on the desktop. And “image-banner” is the class of the image banner you want to display on the banner.

  • To be able to do it correctly, you can add it to your store. I will check the correct class for you.

  • Please press ‘Like’ and mark it as ‘Solution’ if you find it helpful. Thank you.