What's your biggest current challenge? Have your say in Community Polls along the right column.

show different-different images in slideshow for desktop and mobile

show different-different images in slideshow for desktop and mobile

Ashish_Nigam
Shopify Partner
1 0 1

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

Replies 2 (2)

WalkYourStyle
Trailblazer
450 54 70

You can add more slide blocks in the slideshow section.

BSS-TekLabs
Shopify Partner
2350 688 810

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

step.png

- 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.

If our suggestions are useful, please let us know by giving it a like or marking it as a solution.


Salepify: Efficiently increase sales conversion with sale-driven features like auto add to cart, free gifts (free plan available)


Salemate: Boost your AVO with 2-layer offer, countdown upsell in your post purchase page


BSS Commerce - Full-service eCommerce Agency | Use Shopify for 1$ in the first month now